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

package/vue3/dist/components/user-rematch.js

@@ -0,0 +1,76 @@
+import { g as r } from "../utils-ougd2MqG.js";
+import { _ as s, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as o, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconUserRematch",
+  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 = r();
+  }
+}, h = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M4.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM2 3.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm7.384.864a.5.5 0 0 1 0 .707l-.021.022h.893a1.2 1.2 0 0 1 1.2 1.2v.99a.5.5 0 0 1-1 0v-.99a.202.202 0 0 0-.2-.2h-.893l.021.021a.5.5 0 0 1-.707.707l-.875-.875a.5.5 0 0 1 0-.707l.875-.875a.5.5 0 0 1 .707 0ZM1.232 7.732A2.5 2.5 0 0 1 3 7h3a2.5 2.5 0 0 1 2.5 2.5v1a.5.5 0 0 1-1 0v-1A1.5 1.5 0 0 0 6 8H3a1.5 1.5 0 0 0-1.5 1.5v1a.5.5 0 0 1-1 0v-1a2.5 2.5 0 0 1 .732-1.768Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  _
+], p = ["id"], f = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), v = [
+  f
+];
+function g(a, I, l, S, b, t) {
+  return n(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--user-rematch"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "User Rematch",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, m, 8, u),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, v, 8, p)
+    ])
+  ], 10, h);
+}
+const D = /* @__PURE__ */ s(c, [["render", g]]);
+export {
+  D as default
+};

package/vue3/dist/components/user-remove.js

@@ -0,0 +1,61 @@
+import { _ as i, I as r } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as s, createElementVNode as n } from "vue";
+const d = {
+  name: "DtIconUserRemove",
+  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"], m = /* @__PURE__ */ n("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M4.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM2 3.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm6.146.146a.5.5 0 0 1 .708 0l.896.897.896-.897a.5.5 0 0 1 .708.708l-.897.896.897.896a.5.5 0 0 1-.708.708l-.896-.897-.896.897a.5.5 0 1 1-.708-.708l.897-.896-.897-.896a.5.5 0 0 1 0-.708ZM1.232 7.732A2.5 2.5 0 0 1 3 7h3a2.5 2.5 0 0 1 2.5 2.5v1a.5.5 0 0 1-1 0v-1A1.5 1.5 0 0 0 6 8H3a1.5 1.5 0 0 0-1.5 1.5v1a.5.5 0 0 1-1 0v-1a2.5 2.5 0 0 1 .732-1.768Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  m
+];
+function _(e, v, t, f, p, a) {
+  return l(), o("svg", {
+    "aria-label": t.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--user-remove"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "User Remove",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const g = /* @__PURE__ */ i(d, [["render", _]]);
+export {
+  g as default
+};

package/vue3/dist/components/user-speak.js

@@ -0,0 +1,61 @@
+import { _ as i, I as r } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as n, normalizeClass as d, createElementVNode as l } from "vue";
+const o = {
+  name: "DtIconUserSpeak",
+  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"], u = /* @__PURE__ */ l("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M10.354 1.087a.437.437 0 0 1 .559.267c.237.672.366 1.394.366 2.146s-.129 1.474-.366 2.146a.437.437 0 1 1-.825-.292c.205-.58.316-1.203.316-1.854 0-.65-.111-1.275-.316-1.854a.437.437 0 0 1 .267-.558ZM5 1.938a1.562 1.562 0 1 0 0 3.125 1.562 1.562 0 0 0 0-3.125ZM2.563 3.5a2.437 2.437 0 1 1 4.875 0 2.437 2.437 0 0 1-4.875 0Zm5.773-1.906a.438.438 0 0 1 .57.242c.208.514.322 1.076.322 1.664 0 .588-.114 1.15-.322 1.664a.438.438 0 0 1-.811-.328c.166-.412.258-.863.258-1.336 0-.473-.092-.924-.258-1.336a.438.438 0 0 1 .241-.57Zm-6.56 6.182A2.438 2.438 0 0 1 3.5 7.063h3A2.438 2.438 0 0 1 8.938 9.5v1a.438.438 0 0 1-.875 0v-1A1.563 1.563 0 0 0 6.5 7.937h-3A1.563 1.563 0 0 0 1.938 9.5v1a.438.438 0 0 1-.875 0v-1c0-.646.257-1.266.714-1.724Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  u
+];
+function p(e, _, t, f, h, a) {
+  return s(), n("svg", {
+    "aria-label": t.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--user-speak"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "User Speak",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const k = /* @__PURE__ */ i(o, [["render", p]]);
+export {
+  k as default
+};

package/vue3/dist/components/user.js

@@ -0,0 +1,61 @@
+import { _ as i, I as r } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as n, normalizeClass as d, createElementVNode as l } from "vue";
+const o = {
+  name: "DtIconUser",
+  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"], u = /* @__PURE__ */ l("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM3.5 3.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm-.768 4.232A2.5 2.5 0 0 1 4.5 7h3A2.5 2.5 0 0 1 10 9.5v1a.5.5 0 0 1-1 0v-1A1.5 1.5 0 0 0 7.5 8h-3A1.5 1.5 0 0 0 3 9.5v1a.5.5 0 0 1-1 0v-1a2.5 2.5 0 0 1 .732-1.768Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  u
+];
+function m(e, f, t, h, p, a) {
+  return s(), n("svg", {
+    "aria-label": t.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--user"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "User",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const g = /* @__PURE__ */ i(o, [["render", m]]);
+export {
+  g as default
+};

package/vue3/dist/components/users.js

@@ -0,0 +1,61 @@
+import { _ as i, I as r } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as n, normalizeClass as d, createElementVNode as l } from "vue";
+const o = {
+  name: "DtIconUsers",
+  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"], u = /* @__PURE__ */ l("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M4.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM2 3.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm5.516-2.059a.5.5 0 0 1 .608-.36 2.5 2.5 0 0 1 0 4.843.5.5 0 0 1-.248-.968 1.5 1.5 0 0 0 0-2.907.5.5 0 0 1-.36-.608ZM1.232 7.732A2.5 2.5 0 0 1 3 7h3a2.5 2.5 0 0 1 2.5 2.5v1a.5.5 0 0 1-1 0v-1A1.5 1.5 0 0 0 6 8H3a1.5 1.5 0 0 0-1.5 1.5v1a.5.5 0 0 1-1 0v-1a2.5 2.5 0 0 1 .732-1.768Zm7.784-.292a.5.5 0 0 1 .609-.36A2.5 2.5 0 0 1 11.5 9.5v1a.5.5 0 0 1-1 0v-1a1.5 1.5 0 0 0-1.125-1.45.5.5 0 0 1-.36-.61Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  u
+];
+function _(e, f, t, p, h, a) {
+  return s(), n("svg", {
+    "aria-label": t.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--users"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Users",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ i(o, [["render", _]]);
+export {
+  g as default
+};

package/vue3/dist/components/very-dissatisfied.js

@@ -0,0 +1,76 @@
+import { g as l } from "../utils-ougd2MqG.js";
+import { _ as d, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as n, normalizeClass as o, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconVeryDissatisfied",
+  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"], f = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.899 1.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9ZM.399 6a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0Zm2.435-1.777a.5.5 0 0 1 .693-.14l.197.132a.5.5 0 0 0 .555-.001l.193-.13a.5.5 0 1 1 .556.832l-.193.129a1.5 1.5 0 0 1-1.664.003l-.198-.132a.5.5 0 0 1-.14-.693Zm4 0a.5.5 0 0 1 .693-.14l.197.132a.5.5 0 0 0 .555-.001l.193-.13a.5.5 0 1 1 .556.832l-.193.129a1.5 1.5 0 0 1-1.664.003l-.198-.132a.5.5 0 0 1-.14-.693ZM5.899 6a2.641 2.641 0 0 0-1.608.517c-.46.345-.78.836-.883 1.39a.5.5 0 0 0 .49.593h4a.5.5 0 0 0 .492-.592 2.268 2.268 0 0 0-.883-1.39A2.641 2.641 0 0 0 5.9 6Zm-.006 1a1.642 1.642 0 0 0-1.002.317 1.41 1.41 0 0 0-.201.183h2.418a1.409 1.409 0 0 0-.2-.183A1.642 1.642 0 0 0 5.904 7h-.012Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  f
+], m = ["id"], p = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  p
+];
+function v(a, I, s, D, y, i) {
+  return r(), n("svg", {
+    "aria-label": s.ariaLabel,
+    class: o([i.iconSizeClass, "d-icon d-icon--very-dissatisfied"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Very Dissatisfied",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, _, 8, h),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, m)
+    ])
+  ], 10, u);
+}
+const z = /* @__PURE__ */ d(c, [["render", v]]);
+export {
+  z as default
+};

package/vue3/dist/components/very-satisfied.js

@@ -0,0 +1,76 @@
+import { g as r } from "../utils-ougd2MqG.js";
+import { _ as d, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as l, normalizeClass as o, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconVerySatisfied",
+  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 = r();
+  }
+}, u = ["aria-label", "aria-hidden"], h = ["clip-path"], f = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 1.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9ZM.5 6a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0ZM4 4.5a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H4.5a.5.5 0 0 1-.5-.5Zm3 0a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H7.5a.5.5 0 0 1-.5-.5ZM2.618 6.177A.5.5 0 0 1 3 6h6a.5.5 0 0 1 .493.583A3.5 3.5 0 0 1 6 9.5a3.5 3.5 0 0 1-3.493-2.917.5.5 0 0 1 .111-.406ZM3.667 7a2.5 2.5 0 0 0 2.326 1.5h.014A2.5 2.5 0 0 0 8.333 7H3.667Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  f
+], p = ["id"], m = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  m
+];
+function S(a, v, s, I, y, i) {
+  return n(), l("svg", {
+    "aria-label": s.ariaLabel,
+    class: o([i.iconSizeClass, "d-icon d-icon--very-satisfied"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Very Satisfied",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, _, 8, h),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, p)
+    ])
+  ], 10, u);
+}
+const z = /* @__PURE__ */ d(c, [["render", S]]);
+export {
+  z as default
+};

package/vue3/dist/components/viber.js

@@ -0,0 +1,56 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as c, createElementBlock as l, normalizeClass as s, createStaticVNode as d } from "vue";
+const o = {
+  name: "DtIconViber",
+  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");
+  }
+}, n = ["aria-label", "aria-hidden"], f = /* @__PURE__ */ d('<path d="M21.19 2.34c-.596-.55-3.006-2.299-8.374-2.323 0 0-6.33-.381-9.416 2.45-1.718 1.717-2.322 4.231-2.386 7.348-.064 3.117-.146 8.959 5.484 10.542h.006L6.5 22.774s-.036.979.609 1.178c.779.242 1.236-.502 1.98-1.303.409-.44.973-1.087 1.397-1.58 3.851.323 6.813-.417 7.15-.527.777-.252 5.177-.816 5.892-6.657.739-6.02-.357-9.828-2.337-11.544z" fill="#fff"></path><path d="M19.938 3.557c-.504-.458-2.68-1.826-7.221-1.845 0 0-5.377-.354-7.987 2.01C3.277 5.158 2.788 7.29 2.734 9.894c-.054 2.603-.332 7.576 4.43 8.898l-.021 4.017c0 .227.036.382.165.414.094.023.233-.026.352-.144.761-.765 3.199-3.705 3.199-3.705 3.27.213 5.872-.432 6.152-.524.66-.212 4.228-.518 4.832-5.397.624-5.028-.23-8.46-1.905-9.895z" fill="#7360f2"></path><g stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".6"><path d="M15.026 9.68c-.06-1.191-.664-1.817-1.815-1.877"></path><path d="M16.584 10.201c.024-1.109-.305-2.036-.986-2.78-.684-.747-1.632-1.158-2.847-1.247"></path><path d="M18.178 10.825c-.015-1.925-.59-3.44-1.725-4.548-1.136-1.107-2.548-1.666-4.237-1.678"></path></g><path d="M13.272 13.745s.427.036.656-.247l.448-.563c.216-.28.738-.458 1.249-.173.382.218.754.455 1.113.71.339.25 1.033.829 1.035.829.33.279.407.689.182 1.12l-.002.01c-.248.43-.563.817-.933 1.148l-.008.006c-.321.269-.637.421-.947.458a1.26 1.26 0 0 1-.54-.053l-.01-.015c-.478-.135-1.275-.472-2.603-1.204-.769-.42-1.5-.902-2.187-1.445a11.464 11.464 0 0 1-.984-.872l-.033-.033-.033-.033-.033-.033-.033-.033c-.31-.311-.6-.64-.872-.984a15.52 15.52 0 0 1-1.445-2.186c-.732-1.329-1.07-2.125-1.204-2.603l-.015-.01a1.26 1.26 0 0 1-.053-.541c.039-.31.191-.626.458-.948.003-.004.005-.004.007-.008.33-.37.718-.685 1.148-.932l.009-.002c.432-.225.842-.15 1.12.18.003.002.58.696.829 1.035.255.36.493.73.71 1.114.285.51.107 1.033-.172 1.248l-.564.448c-.284.23-.247.657-.247.657s.835 3.16 3.954 3.955z" fill="#fff"></path>', 4), h = [
+  f
+];
+function p(e, _, i, m, u, a) {
+  return c(), l("svg", {
+    "aria-label": i.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--viber"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Viber",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, h, 10, n);
+}
+const z = /* @__PURE__ */ r(o, [["render", p]]);
+export {
+  z as default
+};

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

@@ -0,0 +1,61 @@
+import { _ as l, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as o, createElementVNode as n } from "vue";
+const s = {
+  name: "DtIconVideoOff",
+  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__ */ n("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M.646.646a.5.5 0 0 1 .708 0l10 10a.5.5 0 0 1-.708.708l-1.949-1.95a1.5 1.5 0 0 1-1.198.598H2a1.5 1.5 0 0 1-1.5-1.5V3.498a1.5 1.5 0 0 1 .911-1.38l-.765-.764a.5.5 0 0 1 0-.708Zm1.645 2.352H2a.5.5 0 0 0-.5.5v5.004a.5.5 0 0 0 .5.5h5.499a.5.5 0 0 0 .468-.325L2.291 2.998Zm5.208 0h-1.67a.5.5 0 0 1 0-1h1.67a1.5 1.5 0 0 1 1.5 1.5v.758l1.817-.72A.5.5 0 0 1 11.5 4v4a.5.5 0 0 1-1 0V4.736l-1.816.72A.5.5 0 0 1 8 4.993l-.001-.5v-.995a.5.5 0 0 0-.5-.5Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  f
+];
+function _(e, u, t, h, p, a) {
+  return r(), d("svg", {
+    "aria-label": t.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--video-off"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Video Off",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ l(s, [["render", _]]);
+export {
+  g as default
+};

package/vue3/dist/components/video-settings.js

@@ -0,0 +1,73 @@
+import { _ as d, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as o, normalizeClass as r, createElementVNode as e } from "vue";
+const s = {
+  name: "DtIconVideoSettings",
+  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"], v = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M2 3.117a.5.5 0 0 0-.5.5.5.5 0 0 1-1 0 1.5 1.5 0 0 1 1.5-1.5h5a1.5 1.5 0 0 1 1.5 1.5v1.066L10.723 3.2a.5.5 0 0 1 .777.416v4a.5.5 0 0 1-.777.416L8.5 6.551v1.066a1.5 1.5 0 0 1-1.5 1.5.5.5 0 0 1 0-1 .5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5H2Zm6.902 2.5L10.5 6.683V4.55L8.902 5.617Z",
+  fill: "currentColor"
+}, null, -1), h = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M2.236 4.624a1.01 1.01 0 0 1 1.01-1.009h.419a1.008 1.008 0 0 1 1.008 1.012l.004.004a.014.014 0 0 0 .005.001l.003-.001A1.008 1.008 0 0 1 6.063 5l.21.363a1.009 1.009 0 0 1-.373 1.38l-.001.006v.005l.004.003c.483.278.648.895.37 1.378l-.21.363a1.009 1.009 0 0 1-1.38.367l-.006.002a.015.015 0 0 0-.004.003v.004a1.01 1.01 0 0 1-1.009 1.009h-.419A1.01 1.01 0 0 1 2.236 8.87l-.004-.004a.015.015 0 0 0-.005-.002l-.004.002c-.483.278-1.1.113-1.378-.37l-.21-.363a1.008 1.008 0 0 1 .372-1.38l.001-.004v-.005l-.004-.002a1.008 1.008 0 0 1-.369-1.378l.21-.363a1.009 1.009 0 0 1 1.381-.367l.006-.002a.015.015 0 0 0 .004-.003v-.005ZM5.9 6.754ZM3.237 4.621v.003a1.01 1.01 0 0 1-1.514.874l-.003-.001h-.003a.01.01 0 0 0-.004.001l-.002.003-.21.363v.007a.01.01 0 0 0 .001.003l.002.002a1.008 1.008 0 0 1 0 1.746c-.002 0-.002.001-.002.002l-.002.003a.01.01 0 0 0 0 .003l.001.003.21.363A.008.008 0 0 0 1.713 8h.003a.01.01 0 0 0 .004 0h.003a1.009 1.009 0 0 1 1.513.873v.004l.003.003a.01.01 0 0 0 .003.002h.426l.002-.002a.01.01 0 0 0 .002-.003v-.003a1.008 1.008 0 0 1 1.516-.872h.004A.01.01 0 0 0 5.195 8l.002-.002.21-.363a.008.008 0 0 0 0-.003v-.004a.01.01 0 0 0-.001-.003l-.003-.002a1.009 1.009 0 0 1 0-1.748l.003-.002.001-.004a.01.01 0 0 0 0-.003v-.003l-.21-.363-.002-.003a.01.01 0 0 0-.003-.001.01.01 0 0 0-.004 0h-.003a1.008 1.008 0 0 1-1.512-.873V4.62l-.003-.002a.01.01 0 0 0-.002-.002h-.426s-.002 0-.003.002a.01.01 0 0 0-.002.003Z",
+  fill: "currentColor"
+}, null, -1), u = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M2.454 6.748a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z",
+  fill: "currentColor"
+}, null, -1), _ = [
+  v,
+  h,
+  u
+];
+function f(a, p, i, m, g, l) {
+  return n(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: r([l.iconSizeClass, "d-icon d-icon--video-settings"]),
+    "aria-hidden": l.ariaHidden,
+    role: "img",
+    "data-name": "Video Settings",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, _, 10, c);
+}
+const L = /* @__PURE__ */ d(s, [["render", f]]);
+export {
+  L as default
+};