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

package/vue3/dist/components/thermometer-snowflake.js

@@ -0,0 +1,76 @@
+import { g as o } from "../utils-ougd2MqG.js";
+import { _ as n, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as s, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconThermometerSnowflake",
+  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 = o();
+  }
+}, h = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__PURE__ */ e("path", { d: "M.5 6a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 6Z" }, null, -1), m = /* @__PURE__ */ e("path", { d: "M4.5 1.5A.5.5 0 0 1 5 2v8a.5.5 0 0 1-1 0V2a.5.5 0 0 1 .5-.5ZM1.146 4.146a.5.5 0 0 1 .708 0l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 1 1-.708-.708L2.293 6 1.146 4.854a.5.5 0 0 1 0-.708Z" }, null, -1), f = /* @__PURE__ */ e("path", { d: "M2.646 2.646a.5.5 0 0 1 .708 0L4.5 3.793l1.146-1.147a.5.5 0 1 1 .708.708l-1.5 1.5a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 0-.708Zm1.5 4.5a.5.5 0 0 1 .708 0l.75.75a.5.5 0 1 1-.708.708L4.5 8.207 3.354 9.354a.5.5 0 1 1-.708-.708l1.5-1.5ZM9 1.5a.5.5 0 0 0-.5.5v5.27a.5.5 0 0 1-.25.433 1.5 1.5 0 1 0 1.5 0 .5.5 0 0 1-.25-.433V2a.5.5 0 0 0-.5-.5ZM7.94.94A1.5 1.5 0 0 1 10.5 2v5.002a2.5 2.5 0 1 1-3 0V2c0-.398.158-.78.44-1.06Z" }, null, -1), p = [
+  _,
+  m,
+  f
+], g = ["id"], v = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), S = [
+  v
+];
+function w(a, I, l, M, Z, t) {
+  return r(), s("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--thermometer-snowflake"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Thermometer Snowflake",
+    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`
+      }, S, 8, g)
+    ])
+  ], 10, h);
+}
+const L = /* @__PURE__ */ n(c, [["render", w]]);
+export {
+  L as default
+};

package/vue3/dist/components/thermometer-sun.js

@@ -0,0 +1,76 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as l, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as s, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconThermometerSun",
+  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"], h = ["clip-path"], m = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M4.46 4.505A2.5 2.5 0 0 1 6.009 4a.5.5 0 0 1-.016 1 1.5 1.5 0 0 0-.75 2.812.5.5 0 1 1-.484.876 2.5 2.5 0 0 1-.297-4.183ZM6 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 6 1ZM3.654 8.846a.5.5 0 0 1 0 .708l-.7.7a.5.5 0 0 1-.708-.708l.7-.7a.5.5 0 0 1 .708 0ZM9 1.5a.5.5 0 0 0-.5.5v5.27a.5.5 0 0 1-.25.433 1.5 1.5 0 1 0 1.5 0 .5.5 0 0 1-.25-.433V2a.5.5 0 0 0-.5-.5ZM7.94.94A1.5 1.5 0 0 1 10.5 2v5.002a2.5 2.5 0 1 1-3 0V2c0-.398.158-.78.44-1.06ZM.5 6.5A.5.5 0 0 1 1 6h1a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5Zm1.611-3.889a.5.5 0 0 1 .708 0l.705.705a.5.5 0 1 1-.708.708l-.705-.705a.5.5 0 0 1 0-.708Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  m
+], p = ["id"], f = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), v = [
+  f
+];
+function g(a, S, r, I, M, t) {
+  return o(), s("svg", {
+    "aria-label": r.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--thermometer-sun"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Thermometer Sun",
+    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`
+      }, v, 8, p)
+    ])
+  ], 10, u);
+}
+const w = /* @__PURE__ */ l(c, [["render", g]]);
+export {
+  w as default
+};

package/vue3/dist/components/thermometer.js

@@ -0,0 +1,61 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as n, normalizeClass as d, createElementVNode as l } from "vue";
+const s = {
+  name: "DtIconThermometer",
+  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"], m = /* @__PURE__ */ l("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 1.5a.5.5 0 0 0-.5.5v5.27a.5.5 0 0 1-.25.433 1.5 1.5 0 1 0 1.5 0 .5.5 0 0 1-.25-.433V2a.5.5 0 0 0-.5-.5ZM4.94.94A1.5 1.5 0 0 1 7.5 2v5.002a2.5 2.5 0 1 1-3 0V2c0-.398.158-.78.44-1.06Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  m
+];
+function u(e, h, r, f, p, a) {
+  return o(), n("svg", {
+    "aria-label": r.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--thermometer"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Thermometer",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const g = /* @__PURE__ */ i(s, [["render", u]]);
+export {
+  g as default
+};

package/vue3/dist/components/thread.js

@@ -0,0 +1,65 @@
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as n, normalizeClass as o, createElementVNode as r } from "vue";
+const c = {
+  name: "DtIconThread",
+  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");
+  }
+}, s = ["aria-label", "aria-hidden"], h = /* @__PURE__ */ r("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.833 3.837a.5.5 0 0 1 .5-.5h5.334a.5.5 0 1 1 0 1H3.333a.5.5 0 0 1-.5-.5Zm0 1.667a.5.5 0 0 1 .5-.5h3.334a.5.5 0 0 1 0 1H3.333a.5.5 0 0 1-.5-.5Zm0 1.666a.5.5 0 0 1 .5-.5h1.334a.5.5 0 0 1 0 1H3.333a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ r("path", {
+  fill: "currentColor",
+  d: "M2.394 2.522c-.162.03-.296.087-.374.165-.077.077-.134.211-.164.374-.014.074-.02.142-.022.19v4.417a.52.52 0 0 1-.001.021v.062c.003.047.008.114.022.188.03.16.086.295.165.374.08.08.214.136.374.166.074.013.141.019.189.02.023.002.04.002.051.002l.033-.001H8.46L7.313 7.354a.5.5 0 1 1 .707-.708l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.707-.707L8.46 9.5H2.541a2.37 2.37 0 0 1-.328-.037c-.249-.046-.614-.156-.9-.442-.286-.286-.396-.651-.442-.9a2.371 2.371 0 0 1-.038-.461V3.307c0-.025 0-.06.002-.102.004-.083.014-.197.038-.327.046-.248.156-.614.44-.898.285-.285.65-.395.898-.44a2.404 2.404 0 0 1 .43-.04.51.51 0 0 1 .026 0h6.667a1.572 1.572 0 0 1 .133.003c.083.004.197.015.327.04.245.046.611.155.893.437.281.281.39.648.437.893a2.494 2.494 0 0 1 .043.46V6a.5.5 0 0 1-1 0V3.317v.002-.01c0-.012 0-.03-.002-.055a1.473 1.473 0 0 0-.023-.195c-.032-.166-.09-.3-.162-.372-.073-.073-.206-.13-.373-.162a1.492 1.492 0 0 0-.249-.025h-.01.001-6.765a1.405 1.405 0 0 0-.19.022Z"
+}, null, -1), u = [
+  h,
+  _
+];
+function m(a, f, i, p, v, e) {
+  return d(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: o([e.iconSizeClass, "d-icon d-icon--thread"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Thread",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, s);
+}
+const g = /* @__PURE__ */ l(c, [["render", m]]);
+export {
+  g as default
+};

package/vue3/dist/components/threads.js

@@ -0,0 +1,59 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as c, normalizeClass as d, createElementVNode as n } from "vue";
+const o = {
+  name: "DtIconThreads",
+  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");
+  }
+}, l = ["aria-label", "aria-hidden"], h = /* @__PURE__ */ n("path", {
+  d: "M12.14 22h-.005c-2.72-.02-4.81-1.004-6.214-2.924-1.249-1.71-1.894-4.088-1.916-7.068v-.014c.022-2.982.667-5.358 1.917-7.068C7.326 3.004 9.418 2.02 12.135 2h.011c2.084.016 3.828.604 5.182 1.748 1.274 1.076 2.17 2.608 2.665 4.556l-1.55.474c-.838-3.3-2.959-4.986-6.305-5.012-2.208.018-3.88.78-4.965 2.264-1.015 1.39-1.54 3.398-1.56 5.97.02 2.572.545 4.58 1.561 5.97 1.087 1.486 2.758 2.248 4.966 2.264 1.992-.016 3.31-.526 4.405-1.704 1.25-1.344 1.228-2.994.827-3.998-.235-.592-.663-1.084-1.24-1.458-.147 1.126-.473 2.038-.976 2.726-.672.918-1.625 1.42-2.832 1.492-.913.054-1.793-.182-2.474-.668-.808-.574-1.28-1.45-1.33-2.47-.05-.992.31-1.904 1.009-2.568.669-.634 1.609-1.006 2.72-1.076a9.596 9.596 0 0 1 2.293.118c-.095-.618-.284-1.11-.569-1.464-.39-.488-.993-.736-1.79-.742h-.023c-.641 0-1.512.194-2.066 1.1L8.76 8.54c.743-1.212 1.95-1.88 3.4-1.88h.033c2.426.016 3.87 1.646 4.015 4.49.082.038.164.078.244.118 1.131.584 1.959 1.468 2.394 2.558a5.715 5.715 0 0 1-1.175 5.966c-1.405 1.508-3.109 2.19-5.525 2.208h-.006Zm.762-9.742c-.184 0-.37.006-.561.018-1.394.086-2.264.788-2.214 1.786.05 1.046 1.102 1.532 2.114 1.472.929-.054 2.139-.452 2.343-3.092a7.29 7.29 0 0 0-1.682-.184Z",
+  fill: "currentColor"
+}, null, -1), _ = [
+  h
+];
+function m(e, u, r, f, p, a) {
+  return s(), c("svg", {
+    "aria-label": r.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--threads"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Threads",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, _, 10, l);
+}
+const C = /* @__PURE__ */ i(o, [["render", m]]);
+export {
+  C as default
+};

package/vue3/dist/components/thumbs-down-filled.js

@@ -0,0 +1,73 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as s, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as r, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconThumbsDownFilled",
+  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"], h = ["clip-path"], m = /* @__PURE__ */ e("path", { d: "M5.995 11.438a.438.438 0 0 0 .396-.242l1.671-3.338V.722a.437.437 0 0 0-.337-.16H3.25a1.438 1.438 0 0 0-1.38 1.036l-1.165 4a1.438 1.438 0 0 0 1.38 1.84h2.359l-.369 1.517a2.002 2.002 0 0 0 1.92 2.482Zm2.942-4.005V.567A.441.441 0 0 1 9 .563h1A1.437 1.437 0 0 1 11.438 2v4A1.438 1.438 0 0 1 10 7.438H9a.441.441 0 0 1-.063-.005Z" }, null, -1), _ = [
+  m
+], f = ["id"], p = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  transform: "rotate(180 6 6)",
+  d: "M0 0h12v12H0z"
+}, null, -1), b = [
+  p
+];
+function g(a, w, l, I, D, t) {
+  return o(), r("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--thumbs-down-filled"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Thumbs Down Filled",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`,
+      fill: "currentColor"
+    }, _, 8, h),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, b, 8, f)
+    ])
+  ], 10, u);
+}
+const C = /* @__PURE__ */ s(c, [["render", g]]);
+export {
+  C as default
+};

package/vue3/dist/components/thumbs-down.js

@@ -0,0 +1,76 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as s, 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: "DtIconThumbsDown",
+  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"], h = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M3.25 1.5a.5.5 0 0 0-.48.36l-1.165 4a.5.5 0 0 0 .48.64H5a.5.5 0 0 1 .486.618l-.5 2.06v.002a1.065 1.065 0 0 0 .728 1.275l1.563-3.123A1.503 1.503 0 0 1 8 6.634V1.5H3.25Zm0-1a1.5 1.5 0 0 0-1.44 1.08l-1.165 4a1.5 1.5 0 0 0 1.44 1.92h2.28l-.35 1.44v.001A2.065 2.065 0 0 0 5.993 11.5a.5.5 0 0 0 .453-.276l1.725-3.445v-.002A.5.5 0 0 1 8.62 7.5H10A1.5 1.5 0 0 0 11.5 6V2A1.5 1.5 0 0 0 10 .5H3.25ZM9 1.5v5h1a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5H9Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  _
+], p = ["id"], f = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), v = [
+  f
+];
+function b(a, g, l, w, I, t) {
+  return o(), d("svg", {
+    "aria-label": l.ariaLabel,
+    class: r([t.iconSizeClass, "d-icon d-icon--thumbs-down"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Thumbs Down",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, m, 8, h),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, v, 8, p)
+    ])
+  ], 10, u);
+}
+const z = /* @__PURE__ */ s(c, [["render", b]]);
+export {
+  z as default
+};

package/vue3/dist/components/thumbs-up-filled.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 s, createElementVNode as n } from "vue";
+const o = {
+  name: "DtIconThumbsUpFilled",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(i).includes(e)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return i[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], u = /* @__PURE__ */ n("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M6.044 1a.406.406 0 0 0-.367.222L4.128 4.291v6.563c.075.09.187.146.313.146h4.147a1.335 1.335 0 0 0 1.28-.952l1.079-3.678a1.312 1.312 0 0 0-.213-1.163 1.33 1.33 0 0 0-1.066-.529H7.482l.341-1.395v-.001a1.827 1.827 0 0 0-.333-1.567A1.853 1.853 0 0 0 6.044 1ZM3.317 4.682v6.314A.412.412 0 0 1 3.26 11h-.927c-.353 0-.692-.14-.942-.387A1.316 1.316 0 0 1 1 9.678V6c0-.35.14-.687.39-.935s.589-.387.942-.387h.927c.02 0 .04.002.058.004Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  u
+];
+function h(e, p, t, _, f, a) {
+  return r(), d("svg", {
+    "aria-label": t.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--thumbs-up-filled"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Thumbs Up Filled",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ l(o, [["render", h]]);
+export {
+  g as default
+};

package/vue3/dist/components/thumbs-up.js

@@ -0,0 +1,76 @@
+import { g as l } from "../utils-ougd2MqG.js";
+import { _ as n, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as r, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconThumbsUp",
+  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 = l();
+  }
+}, u = ["aria-label", "aria-hidden"], h = ["clip-path"], p = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.553.776A.5.5 0 0 1 6.006.5a2.065 2.065 0 0 1 1.98 2.559L7.636 4.5h2.279a1.5 1.5 0 0 1 1.44 1.92l-1.165 4a1.5 1.5 0 0 1-1.44 1.08H2A1.5 1.5 0 0 1 .5 10V6A1.5 1.5 0 0 1 2 4.5h1.38a.5.5 0 0 0 .447-.277V4.22L5.554.776ZM3 5.5H2a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h1v-5Zm1 5h4.75a.5.5 0 0 0 .48-.36l1.165-4a.5.5 0 0 0-.48-.64H7a.5.5 0 0 1-.486-.618l.5-2.06V2.82a1.065 1.065 0 0 0-.728-1.275L4.723 4.668A1.503 1.503 0 0 1 4 5.366V10.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  p
+], m = ["id"], f = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), b = [
+  f
+];
+function g(a, v, s, I, S, t) {
+  return o(), r("svg", {
+    "aria-label": s.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--thumbs-up"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Thumbs Up",
+    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`
+      }, b, 8, m)
+    ])
+  ], 10, u);
+}
+const w = /* @__PURE__ */ n(c, [["render", g]]);
+export {
+  w as default
+};

package/vue3/dist/components/tiktok.js

@@ -0,0 +1,56 @@
+import { _ as c, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as r, normalizeClass as d, createStaticVNode as o } from "vue";
+const s = {
+  name: "DtIconTiktok",
+  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");
+  }
+}, n = ["aria-label", "aria-hidden"], h = /* @__PURE__ */ o('<g clip-rule="evenodd" fill-rule="evenodd"><path d="M2 17a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5H7a5 5 0 0 0-5 5z" fill="currentColor"></path><path d="M14.765 4.62a3.846 3.846 0 0 1-.12-.953h-2.903v10.888c0 1.256-.857 2.274-2.11 2.274s-2.267-1.018-2.267-2.273a2.27 2.27 0 0 1 2.268-2.274c.25 0 .332.04.557.116V9.46c-.235-.033-.315-.05-.557-.05A5.14 5.14 0 0 0 4.5 14.556a5.14 5.14 0 0 0 5.133 5.146c2.795 0 5.148-2.24 5.212-5.026V9.104c1.053.722 2.248 1.144 3.62 1.144V7.496a3.822 3.822 0 0 1-3.7-2.876z" fill="#25f4ee"></path><path d="M15.8 5.654a3.85 3.85 0 0 1-.12-.953h-2.904V15.59c0 1.256-.856 2.273-2.109 2.273A2.27 2.27 0 0 1 8.4 15.59a2.27 2.27 0 0 1 2.268-2.273c.25 0 .332.04.557.115v-2.937c-.234-.034-.314-.05-.557-.05a5.14 5.14 0 0 0-5.132 5.145 5.139 5.139 0 0 0 5.132 5.145c2.795 0 5.149-2.239 5.212-5.025v-5.572c1.054.722 2.248 1.144 3.62 1.144V8.53a3.822 3.822 0 0 1-3.7-2.875z" fill="#fff"></path><path d="M8.633 16.597a2.27 2.27 0 0 1 2.034-3.28c.218 0 .308.03.476.088l.081.028v-2.938l-.087-.013c-.171-.024-.26-.037-.47-.037-.16 0-.32.007-.477.022v1.931l-.081-.027a1.189 1.189 0 0 0-.476-.089 2.275 2.275 0 0 0-1 4.315zM6.562 18.68a5.121 5.121 0 0 0 4.105 2.057c2.795 0 5.149-2.24 5.213-5.026v-5.572c1.053.723 2.248 1.145 3.62 1.145V8.53a3.8 3.8 0 0 1-1.034-.142v1.86c-1.373 0-2.568-.422-3.621-1.144v5.572c-.064 2.786-2.418 5.025-5.212 5.025a5.102 5.102 0 0 1-3.071-1.022zm9.773-11.834a3.836 3.836 0 0 1-1.548-2.144h.894a3.815 3.815 0 0 0 .654 2.144z" fill="#fe2c55"></path></g>', 1), f = [
+  h
+];
+function p(a, _, i, m, u, e) {
+  return l(), r("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([e.iconSizeClass, "d-icon d-icon--tiktok"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Tiktok",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, f, 10, n);
+}
+const z = /* @__PURE__ */ c(s, [["render", p]]);
+export {
+  z as default
+};