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

package/vue3/dist/components/keyboard.js

@@ -0,0 +1,67 @@
+import { _ as d, I as r } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as n, createElementVNode as t } from "vue";
+const s = {
+  name: "DtIconKeyboard",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(r).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 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: "M2 2.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H2ZM.5 3A1.5 1.5 0 0 1 2 1.5h8A1.5 1.5 0 0 1 11.5 3v6a1.5 1.5 0 0 1-1.5 1.5H2A1.5 1.5 0 0 1 .5 9V3Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.5 4a.5.5 0 0 1 .5-.5h.001a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm2 0a.5.5 0 0 1 .5-.5h.001a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm2 0a.5.5 0 0 1 .5-.5h.001a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5Zm2 0a.5.5 0 0 1 .5-.5h.001a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5Zm-5 2a.5.5 0 0 1 .5-.5h.001a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5Zm2 0a.5.5 0 0 1 .5-.5h.001a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5Zm2 0a.5.5 0 0 1 .5-.5h.001a.5.5 0 0 1 0 1H8a.5.5 0 0 1-.5-.5ZM3 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 3 8Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  h,
+  m
+];
+function _(a, f, i, p, H, e) {
+  return l(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([e.iconSizeClass, "d-icon d-icon--keyboard"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Keyboard",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const v = /* @__PURE__ */ d(s, [["render", _]]);
+export {
+  v as default
+};

package/vue3/dist/components/keypad.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as n, normalizeClass as l, createElementVNode as o } from "vue";
+const s = {
+  name: "DtIconKeypad",
+  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__ */ o("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.25 3.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM5 3.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm2.75 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm-5.5 2.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm2.75 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm2.75 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM2.25 9a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM5 9a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm2.75 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z",
+  "clip-rule": "evenodd"
+}, null, -1), p = [
+  m
+];
+function _(e, u, i, f, h, a) {
+  return d(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: l([a.iconSizeClass, "d-icon d-icon--keypad"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Keypad",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, p, 10, c);
+}
+const b = /* @__PURE__ */ r(s, [["render", _]]);
+export {
+  b as default
+};

package/vue3/dist/components/languages.js

@@ -0,0 +1,77 @@
+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 a } from "vue";
+const c = {
+  name: "DtIconLanguages",
+  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"), this.uniqueID = n();
+  }
+}, u = ["aria-label", "aria-hidden"], h = ["clip-path"], _ = /* @__PURE__ */ a("path", { d: "M2.146 3.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 1 1-.708.708l-3-3a.5.5 0 0 1 0-.708Z" }, null, -1), p = /* @__PURE__ */ a("path", { d: "M6.277 2.084a.5.5 0 0 1 .139.693l-1 1.5a.5.5 0 0 1-.062.077l-3 3a.5.5 0 1 1-.708-.708l2.965-2.965.973-1.458a.5.5 0 0 1 .693-.139Z" }, null, -1), f = /* @__PURE__ */ a("path", { d: "M.5 2.5A.5.5 0 0 1 1 2h6a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5ZM3 1a.5.5 0 0 1 .5-.5H4a.5.5 0 0 1 0 1h-.5A.5.5 0 0 1 3 1Zm5.5 4.5a.5.5 0 0 1 .447.276l2.5 5a.5.5 0 1 1-.894.448L8.5 7.118l-2.053 4.106a.5.5 0 1 1-.894-.448l2.5-5A.5.5 0 0 1 8.5 5.5Z" }, null, -1), g = /* @__PURE__ */ a("path", { d: "M6.5 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5Z" }, null, -1), m = [
+  _,
+  p,
+  f,
+  g
+], I = ["id"], v = /* @__PURE__ */ a("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), M = [
+  v
+];
+function S(e, Z, l, b, z, t) {
+  return o(), d("svg", {
+    "aria-label": l.ariaLabel,
+    class: r([t.iconSizeClass, "d-icon d-icon--languages"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Languages",
+    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"
+    }, m, 8, h),
+    a("defs", null, [
+      a("clipPath", {
+        id: `${e.uniqueID}a`
+      }, M, 8, I)
+    ])
+  ], 10, u);
+}
+const C = /* @__PURE__ */ s(c, [["render", S]]);
+export {
+  C as default
+};

package/vue3/dist/components/laptop-2.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as l, normalizeClass as n, createElementVNode as d } from "vue";
+const s = {
+  name: "DtIconLaptop2",
+  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"], p = /* @__PURE__ */ d("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M.5 2.5A1.5 1.5 0 0 1 2 1h8a1.5 1.5 0 0 1 1.5 1.5v5A1.5 1.5 0 0 1 10 9H2A1.5 1.5 0 0 1 .5 7.5v-5ZM2 2a.5.5 0 0 0-.5.5v5A.5.5 0 0 0 2 8h8a.5.5 0 0 0 .5-.5v-5A.5.5 0 0 0 10 2H2ZM.5 10.5A.5.5 0 0 1 1 10h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  p
+];
+function u(e, m, i, h, f, a) {
+  return o(), l("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--laptop-2"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Laptop 2",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const g = /* @__PURE__ */ r(s, [["render", u]]);
+export {
+  g as default
+};

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

@@ -0,0 +1,61 @@
+import { _ as t, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as n, normalizeClass as d, createElementVNode as s } from "vue";
+const o = {
+  name: "DtIconLargeSelfView",
+  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__ */ s("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1 3.5A1.5 1.5 0 0 1 2.5 2h7A1.5 1.5 0 0 1 11 3.5v5A1.5 1.5 0 0 1 9.5 10h-7A1.5 1.5 0 0 1 1 8.5v-5ZM2.5 3a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-7Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  f
+];
+function u(e, h, r, m, p, a) {
+  return l(), n("svg", {
+    "aria-label": r.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--large-self-view"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Large Self View",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const w = /* @__PURE__ */ t(o, [["render", u]]);
+export {
+  w as default
+};

package/vue3/dist/components/layout-dashboard.js

@@ -0,0 +1,61 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as d, normalizeClass as s, createElementVNode as l } from "vue";
+const n = {
+  name: "DtIconLayoutDashboard",
+  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"], m = /* @__PURE__ */ l("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1 1.5a.5.5 0 0 1 .5-.5H5a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-.5.5H1.5A.5.5 0 0 1 1 6V1.5ZM2 2v3.5h2.5V2H2Zm4.5-.5A.5.5 0 0 1 7 1h3.5a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V1.5Zm1 .5v1.5H10V2H7.5Zm-1 4a.5.5 0 0 1 .5-.5h3.5a.5.5 0 0 1 .5.5v4.5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V6Zm1 .5V10H10V6.5H7.5ZM1 8a.5.5 0 0 1 .5-.5H5a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5H1.5a.5.5 0 0 1-.5-.5V8Zm1 .5V10h2.5V8.5H2Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  m
+];
+function h(a, _, r, H, f, e) {
+  return o(), d("svg", {
+    "aria-label": r.ariaLabel,
+    class: s([e.iconSizeClass, "d-icon d-icon--layout-dashboard"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Layout Dashboard",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const b = /* @__PURE__ */ i(n, [["render", h]]);
+export {
+  b as default
+};

package/vue3/dist/components/layout-filmstrip.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } 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: "DtIconLayoutFilmstrip",
+  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__ */ n("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.5 10a.5.5 0 0 1-.5-.5V5h8v4.5a.5.5 0 0 1-.5.5h-7Zm8.5-.5A1.5 1.5 0 0 1 9.5 11h-7A1.5 1.5 0 0 1 1 9.5v-7A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v7ZM10 4H8V2h1.5a.5.5 0 0 1 .5.5V4ZM7 2v2H5V2h2ZM4 2v2H2V2.5a.5.5 0 0 1 .5-.5H4Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  m
+];
+function h(e, p, i, _, f, a) {
+  return l(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--layout-filmstrip"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Layout Filmstrip",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const b = /* @__PURE__ */ r(d, [["render", h]]);
+export {
+  b as default
+};

package/vue3/dist/components/layout-grid.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as o, normalizeClass as l, createElementVNode as n } from "vue";
+const s = {
+  name: "DtIconLayoutGrid",
+  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"], m = /* @__PURE__ */ n("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1 1.5a.5.5 0 0 1 .5-.5H5a.5.5 0 0 1 .5.5V5a.5.5 0 0 1-.5.5H1.5A.5.5 0 0 1 1 5V1.5ZM2 2v2.5h2.5V2H2Zm4.5-.5A.5.5 0 0 1 7 1h3.5a.5.5 0 0 1 .5.5V5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V1.5Zm1 .5v2.5H10V2H7.5Zm-1 5a.5.5 0 0 1 .5-.5h3.5a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V7Zm1 .5V10H10V7.5H7.5ZM1 7a.5.5 0 0 1 .5-.5H5a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5H1.5a.5.5 0 0 1-.5-.5V7Zm1 .5V10h2.5V7.5H2Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  m
+];
+function _(a, h, i, H, f, e) {
+  return d(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: l([e.iconSizeClass, "d-icon d-icon--layout-grid"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Layout Grid",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const v = /* @__PURE__ */ r(s, [["render", _]]);
+export {
+  v as default
+};

package/vue3/dist/components/layout-template.js

@@ -0,0 +1,61 @@
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as o, normalizeClass as n, createElementVNode as d } from "vue";
+const s = {
+  name: "DtIconLayoutTemplate",
+  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__ */ d("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1 1.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5V5a.5.5 0 0 1-.5.5h-9A.5.5 0 0 1 1 5V1.5ZM2 2v2.5h8V2H2Zm5.5 5a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V7Zm1 .5V10H10V7.5H8.5ZM1 7a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5H1.5a.5.5 0 0 1-.5-.5V7Zm1 .5V10h3.5V7.5H2Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  m
+];
+function p(e, _, i, h, f, a) {
+  return r(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--layout-template"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Layout Template",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const H = /* @__PURE__ */ l(s, [["render", p]]);
+export {
+  H as default
+};

package/vue3/dist/components/layout.js

@@ -0,0 +1,73 @@
+import { _ as o, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as n, createElementVNode as e } from "vue";
+const s = {
+  name: "DtIconLayout",
+  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"], u = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.5 2a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM1 2.5A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v7A1.5 1.5 0 0 1 9.5 11h-7A1.5 1.5 0 0 1 1 9.5v-7Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M4.5 4a.5.5 0 0 1 .5.5v6a.5.5 0 1 1-1 0v-6a.5.5 0 0 1 .5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), f = [
+  u,
+  h,
+  _
+];
+function p(a, v, i, m, y, l) {
+  return r(), d("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([l.iconSizeClass, "d-icon d-icon--layout"]),
+    "aria-hidden": l.ariaHidden,
+    role: "img",
+    "data-name": "Layout",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, f, 10, c);
+}
+const g = /* @__PURE__ */ o(s, [["render", p]]);
+export {
+  g as default
+};