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

package/vue3/dist/components/slack.js

@@ -0,0 +1,71 @@
+import { _ as c, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as n, normalizeClass as d, createElementVNode as a } from "vue";
+const o = {
+  name: "DtIconSlack",
+  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");
+  }
+}, r = ["aria-label", "aria-hidden"], h = /* @__PURE__ */ a("path", {
+  d: "M6.202 14.639c0 1.156-.945 2.1-2.101 2.1A2.106 2.106 0 0 1 2 14.64c0-1.157.945-2.101 2.101-2.101h2.101v2.1Zm1.058-.001c0-1.156.945-2.1 2.102-2.1 1.156 0 2.1.944 2.1 2.1V19.9A2.106 2.106 0 0 1 9.363 22a2.106 2.106 0 0 1-2.101-2.101v-5.26Z",
+  fill: "#E01E5A"
+}, null, -1), _ = /* @__PURE__ */ a("path", {
+  d: "M9.362 6.202A2.106 2.106 0 0 1 7.26 4.101C7.26 2.945 8.205 2 9.36 2c1.157 0 2.101.945 2.101 2.101v2.101h-2.1Zm0 1.058c1.156 0 2.1.945 2.1 2.102 0 1.156-.944 2.1-2.1 2.1H4.1A2.106 2.106 0 0 1 2 9.363c0-1.157.945-2.101 2.101-2.101h5.26Z",
+  fill: "#36C5F0"
+}, null, -1), m = /* @__PURE__ */ a("path", {
+  d: "M17.798 9.362c0-1.157.945-2.101 2.101-2.101 1.156 0 2.101.944 2.101 2.1a2.106 2.106 0 0 1-2.101 2.101h-2.101v-2.1Zm-1.058 0c0 1.156-.945 2.1-2.102 2.1a2.106 2.106 0 0 1-2.1-2.1V4.1c0-1.156.944-2.101 2.1-2.101 1.157 0 2.101.945 2.101 2.101v5.26Z",
+  fill: "#2EB67D"
+}, null, -1), u = /* @__PURE__ */ a("path", {
+  d: "M14.638 17.798c1.157 0 2.101.945 2.101 2.101A2.106 2.106 0 0 1 14.64 22a2.106 2.106 0 0 1-2.102-2.101v-2.1h2.101Zm0-1.058a2.106 2.106 0 0 1-2.1-2.101c0-1.157.944-2.101 2.1-2.101H19.9c1.156 0 2.1.944 2.1 2.1a2.105 2.105 0 0 1-2.1 2.101h-5.26Z",
+  fill: "#ECB22E"
+}, null, -1), f = [
+  h,
+  _,
+  m,
+  u
+];
+function p(e, v, l, E, Z, t) {
+  return s(), n("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--slack"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Slack",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, f, 10, r);
+}
+const C = /* @__PURE__ */ c(o, [["render", p]]);
+export {
+  C as default
+};

package/vue3/dist/components/slash.js

@@ -0,0 +1,75 @@
+import { g as s } from "../utils-ougd2MqG.js";
+import { _ as n, I as i } 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: "DtIconSlash",
+  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 = s();
+  }
+}, h = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__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: "M2.111 2.111a.5.5 0 0 1 .708 0l7.07 7.07a.5.5 0 0 1-.708.708l-7.07-7.07a.5.5 0 0 1 0-.708Z" }, null, -1), f = [
+  _,
+  p
+], m = ["id"], g = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), I = [
+  g
+];
+function S(a, v, l, b, z, t) {
+  return o(), d("svg", {
+    "aria-label": l.ariaLabel,
+    class: r([t.iconSizeClass, "d-icon d-icon--slash"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Slash",
+    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`
+      }, I, 8, m)
+    ])
+  ], 10, h);
+}
+const M = /* @__PURE__ */ n(c, [["render", S]]);
+export {
+  M as default
+};

package/vue3/dist/components/sliders-horizontal.js

@@ -0,0 +1,75 @@
+import { g as o } from "../utils-ougd2MqG.js";
+import { _ as n, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as r, normalizeClass as d, createElementVNode as a } from "vue";
+const c = {
+  name: "DtIconSlidersHorizontal",
+  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"), this.uniqueID = o();
+  }
+}, h = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__PURE__ */ a("path", { d: "M6.5 2a.5.5 0 0 1 .5-.5h3.5a.5.5 0 1 1 0 1H7a.5.5 0 0 1-.5-.5ZM1 2a.5.5 0 0 1 .5-.5H5a.5.5 0 1 1 0 1H1.5A.5.5 0 0 1 1 2Zm4.5 4a.5.5 0 0 1 .5-.5h4.5a.5.5 0 1 1 0 1H6a.5.5 0 0 1-.5-.5ZM1 6a.5.5 0 0 1 .5-.5H4a.5.5 0 1 1 0 1H1.5A.5.5 0 0 1 1 6Zm6.5 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 1 1 0 1H8a.5.5 0 0 1-.5-.5ZM1 10a.5.5 0 0 1 .5-.5H6a.5.5 0 1 1 0 1H1.5A.5.5 0 0 1 1 10Z" }, null, -1), m = /* @__PURE__ */ a("path", { d: "M7 .5a.5.5 0 0 1 .5.5v2a.5.5 0 1 1-1 0V1A.5.5 0 0 1 7 .5Zm-3 4a.5.5 0 0 1 .5.5v2a.5.5 0 1 1-1 0V5a.5.5 0 0 1 .5-.5Zm4 4a.5.5 0 0 1 .5.5v2a.5.5 0 1 1-1 0V9a.5.5 0 0 1 .5-.5Z" }, null, -1), p = [
+  _,
+  m
+], f = ["id"], H = /* @__PURE__ */ a("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  H
+];
+function v(e, z, l, Z, I, i) {
+  return s(), r("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--sliders-horizontal"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Sliders Horizontal",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    a("g", {
+      "clip-path": `url(#${e.uniqueID}a)`,
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd"
+    }, p, 8, u),
+    a("defs", null, [
+      a("clipPath", {
+        id: `${e.uniqueID}a`
+      }, g, 8, f)
+    ])
+  ], 10, h);
+}
+const w = /* @__PURE__ */ n(c, [["render", v]]);
+export {
+  w as default
+};

package/vue3/dist/components/sliders.js

@@ -0,0 +1,75 @@
+import { g as l } from "../utils-ougd2MqG.js";
+import { _ as d, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as r, normalizeClass as o, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconSliders",
+  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();
+  }
+}, u = ["aria-label", "aria-hidden"], h = ["clip-path"], _ = /* @__PURE__ */ e("path", { d: "M2 6.5a.5.5 0 0 1 .5.5v3.5a.5.5 0 1 1-1 0V7a.5.5 0 0 1 .5-.5ZM2 1a.5.5 0 0 1 .5.5V5a.5.5 0 1 1-1 0V1.5A.5.5 0 0 1 2 1Zm4 4.5a.5.5 0 0 1 .5.5v4.5a.5.5 0 1 1-1 0V6a.5.5 0 0 1 .5-.5ZM6 1a.5.5 0 0 1 .5.5V4a.5.5 0 1 1-1 0V1.5A.5.5 0 0 1 6 1Zm4 6.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 1 1-1 0V8a.5.5 0 0 1 .5-.5ZM10 1a.5.5 0 0 1 .5.5V6a.5.5 0 1 1-1 0V1.5A.5.5 0 0 1 10 1Z" }, null, -1), m = /* @__PURE__ */ e("path", { d: "M.5 7a.5.5 0 0 1 .5-.5h2a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 7Zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 1 1 0 1H5a.5.5 0 0 1-.5-.5Zm4 4a.5.5 0 0 1 .5-.5h2a.5.5 0 1 1 0 1H9a.5.5 0 0 1-.5-.5Z" }, null, -1), p = [
+  _,
+  m
+], f = ["id"], g = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), v = [
+  g
+];
+function V(a, Z, s, I, S, i) {
+  return n(), r("svg", {
+    "aria-label": s.ariaLabel,
+    class: o([i.iconSizeClass, "d-icon d-icon--sliders"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Sliders",
+    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, h),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, v, 8, f)
+    ])
+  ], 10, u);
+}
+const H = /* @__PURE__ */ d(c, [["render", V]]);
+export {
+  H as default
+};

package/vue3/dist/components/small-self-view.js

@@ -0,0 +1,61 @@
+import { _ as t, I as l } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as s, normalizeClass as n, createElementVNode as d } from "vue";
+const c = {
+  name: "DtIconSmallSelfView",
+  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");
+  }
+}, o = ["aria-label", "aria-hidden"], m = /* @__PURE__ */ d("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M1 3.143C1 2.301 1.611 1.5 2.5 1.5h7c.89 0 1.5.8 1.5 1.643v5.715c0 .842-.61 1.643-1.5 1.643h-7c-.889 0-1.5-.8-1.5-1.643V3.143ZM2.5 2.5c-.215 0-.5.224-.5.643v5.715c0 .42.285.642.5.642h7c.216 0 .5-.223.5-.642V3.143c0-.42-.284-.643-.5-.643h-7Z",
+  fill: "currentColor"
+}, null, -1), f = [
+  m
+];
+function _(e, u, i, h, p, a) {
+  return r(), s("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--small-self-view"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Small Self View",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, f, 10, o);
+}
+const w = /* @__PURE__ */ t(c, [["render", _]]);
+export {
+  w as default
+};

package/vue3/dist/components/smartphone-charging.js

@@ -0,0 +1,67 @@
+import { _ as n, I as r } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as d, createElementVNode as t } from "vue";
+const s = {
+  name: "DtIconSmartphoneCharging",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(r).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 r[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], h = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M3.5 1.5A.5.5 0 0 0 3 2v8a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 9 10V2a.5.5 0 0 0-.5-.5h-5ZM2 2A1.5 1.5 0 0 1 3.5.5h5A1.5 1.5 0 0 1 10 2v8a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 2 10V2Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6.61 3.584a.5.5 0 0 1 .14.693L5.934 5.5H7a.5.5 0 0 1 .416.777l-1.333 2a.5.5 0 0 1-.833-.554L6.066 6.5H5a.5.5 0 0 1-.416-.777l1.333-2a.5.5 0 0 1 .694-.139Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  h,
+  u
+];
+function p(e, _, i, f, g, a) {
+  return l(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--smartphone-charging"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Smartphone Charging",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const S = /* @__PURE__ */ n(s, [["render", p]]);
+export {
+  S as default
+};

package/vue3/dist/components/smartphone.js

@@ -0,0 +1,67 @@
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as o, normalizeClass as d, createElementVNode as r } from "vue";
+const s = {
+  name: "DtIconSmartphone",
+  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__ */ r("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M3.5 1.5A.5.5 0 0 0 3 2v8a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 9 10V2a.5.5 0 0 0-.5-.5h-5ZM2 2A1.5 1.5 0 0 1 3.5.5h5A1.5 1.5 0 0 1 10 2v8a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 2 10V2Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = /* @__PURE__ */ r("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.5 9a.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 = [
+  h,
+  u
+];
+function p(e, _, i, f, v, a) {
+  return n(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--smartphone"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Smartphone",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ l(s, [["render", p]]);
+export {
+  g as default
+};

package/vue3/dist/components/snapchat.js

@@ -0,0 +1,67 @@
+import { _ as s, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as l, normalizeClass as r, createElementVNode as a } from "vue";
+const o = {
+  name: "DtIconSnapchat",
+  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");
+  }
+}, d = ["aria-label", "aria-hidden"], _ = /* @__PURE__ */ a("path", {
+  d: "M19.8 0H4.2A4.2 4.2 0 0 0 0 4.2v15.6A4.2 4.2 0 0 0 4.2 24h15.6a4.2 4.2 0 0 0 4.2-4.2V4.2A4.2 4.2 0 0 0 19.8 0z",
+  fill: "#fffc40"
+}, null, -1), f = /* @__PURE__ */ a("path", {
+  d: "M19.389 15.991c-2.667-1.29-3.092-3.284-3.11-3.432-.024-.179-.05-.32.148-.502.19-.176 1.036-.699 1.27-.863.388-.27.558-.541.433-.874-.088-.23-.303-.317-.528-.317a.985.985 0 0 0-.212.024c-.426.092-.84.306-1.079.363a.374.374 0 0 1-.088.012c-.128 0-.176-.056-.164-.21.03-.465.094-1.374.02-2.223-.1-1.168-.477-1.746-.924-2.258-.216-.248-1.22-1.314-3.155-1.314S9.062 5.463 8.847 5.708c-.448.512-.824 1.09-.924 2.258-.073.849-.007 1.757.02 2.223.009.146-.036.21-.164.21a.379.379 0 0 1-.088-.012c-.238-.057-.652-.27-1.078-.363A.985.985 0 0 0 6.401 10c-.226 0-.44.088-.528.317-.125.333.044.603.433.874.235.164 1.08.687 1.27.863.198.182.172.323.15.502-.02.15-.445 2.143-3.111 3.432-.157.076-.422.236.046.495.736.406 1.226.363 1.606.608.323.208.132.657.367.819.289.199 1.142-.015 2.244.35.924.304 1.486 1.164 3.124 1.164 1.639 0 2.216-.864 3.124-1.165 1.1-.364 1.955-.15 2.244-.35.235-.161.044-.61.367-.818.38-.245.87-.202 1.606-.608.468-.256.202-.416.046-.492z",
+  fill: "#fff"
+}, null, -1), h = /* @__PURE__ */ a("path", {
+  d: "M20.55 15.84c-.12-.326-.348-.5-.608-.645a1.51 1.51 0 0 0-.132-.069c-.077-.04-.157-.079-.235-.12-.81-.429-1.441-.97-1.88-1.611a3.655 3.655 0 0 1-.322-.572c-.038-.107-.036-.168-.009-.223a.365.365 0 0 1 .103-.108l.38-.248c.173-.112.31-.201.4-.264.331-.233.564-.48.709-.755a1.505 1.505 0 0 0 .074-1.249c-.22-.579-.767-.939-1.43-.939a1.969 1.969 0 0 0-.524.07c.006-.396-.002-.814-.038-1.225-.125-1.447-.631-2.205-1.159-2.81a4.62 4.62 0 0 0-1.179-.948c-.801-.458-1.71-.69-2.7-.69s-1.895.232-2.697.69c-.443.25-.842.57-1.18.95-.529.605-1.035 1.364-1.16 2.81-.035.41-.044.831-.038 1.225a1.97 1.97 0 0 0-.524-.07c-.664 0-1.211.36-1.43.939a1.505 1.505 0 0 0 .072 1.25c.146.276.378.523.71.755.088.061.226.15.4.264l.364.238c.047.03.087.07.117.118.028.057.03.12-.013.234a3.622 3.622 0 0 1-.317.56c-.428.627-1.042 1.159-1.825 1.584-.415.22-.846.367-1.028.862-.137.373-.048.799.301 1.157.128.133.277.246.44.333.34.187.702.331 1.077.43a.71.71 0 0 1 .217.098c.127.111.11.279.279.524.085.127.193.237.318.324.356.246.755.261 1.179.277.382.015.815.032 1.31.195.205.068.418.199.665.352.593.364 1.404.863 2.762.863s2.175-.501 2.772-.867c.245-.15.457-.28.656-.346.495-.164.929-.18 1.31-.195.424-.016.824-.032 1.18-.277.148-.104.272-.239.362-.396.122-.207.119-.352.233-.453a.675.675 0 0 1 .204-.094c.38-.1.747-.245 1.091-.434a1.71 1.71 0 0 0 .462-.362l.005-.005c.327-.35.41-.763.275-1.128zm-1.208.648c-.736.407-1.225.363-1.606.608-.323.208-.132.657-.367.819-.288.2-1.142-.014-2.244.35-.909.3-1.489 1.164-3.124 1.164s-2.201-.862-3.125-1.167c-1.1-.363-1.955-.15-2.244-.35-.235-.161-.044-.61-.367-.818-.381-.245-.87-.202-1.606-.606-.469-.259-.203-.419-.047-.495 2.667-1.29 3.092-3.284 3.111-3.432.023-.179.049-.32-.149-.502-.19-.176-1.035-.699-1.27-.862-.388-.272-.559-.542-.433-.875.088-.23.303-.317.528-.317.071 0 .142.009.212.024.426.093.84.306 1.078.364a.379.379 0 0 0 .088.012c.128 0 .173-.065.164-.21-.027-.467-.093-1.375-.02-2.224.101-1.167.477-1.746.924-2.258.215-.246 1.224-1.312 3.153-1.312s2.941 1.062 3.156 1.307c.447.512.824 1.09.924 2.258.073.849.01 1.757-.02 2.223-.01.153.036.21.164.21a.38.38 0 0 0 .088-.012c.24-.057.653-.27 1.079-.363A.978.978 0 0 1 17.6 10c.227 0 .44.088.528.317.126.333-.044.603-.432.874-.235.164-1.08.687-1.27.863-.198.182-.172.323-.15.502.02.15.445 2.143 3.112 3.432.157.079.423.24-.046.5z",
+  fill: "currentColor"
+}, null, -1), p = [
+  _,
+  f,
+  h
+];
+function m(e, u, i, z, S, c) {
+  return n(), l("svg", {
+    "aria-label": i.ariaLabel,
+    class: r([c.iconSizeClass, "d-icon d-icon--snapchat"]),
+    "aria-hidden": c.ariaHidden,
+    role: "img",
+    "data-name": "Snapchat",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, p, 10, d);
+}
+const I = /* @__PURE__ */ s(o, [["render", m]]);
+export {
+  I as default
+};

package/vue3/dist/components/snooze.js

@@ -0,0 +1,61 @@
+import { _ as o, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as r, normalizeClass as s, createElementVNode as d } from "vue";
+const l = {
+  name: "DtIconSnooze",
+  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__ */ d("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 2.5a.5.5 0 0 1 .5-.5h4.25a.5.5 0 0 1 .389.815L7.549 7.25h3.201a.5.5 0 0 1 0 1H6.5a.5.5 0 0 1-.389-.815L9.701 3H6.5a.5.5 0 0 1-.5-.5ZM1.5 5.75a.5.5 0 0 1 .5-.5h2.75a.5.5 0 0 1 .393.809L3.03 8.75h1.72a.5.5 0 1 1 0 1H2a.5.5 0 0 1-.393-.809L3.72 6.25H2a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  _
+];
+function h(e, m, i, f, p, a) {
+  return n(), r("svg", {
+    "aria-label": i.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--snooze"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Snooze",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const L = /* @__PURE__ */ o(l, [["render", h]]);
+export {
+  L as default
+};