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

package/vue3/dist/components/gif-outline.js

@@ -0,0 +1,61 @@
+import { _ as n, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as l, normalizeClass as d, createElementVNode as o } from "vue";
+const s = {
+  name: "DtIconGifOutline",
+  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__ */ o("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M1 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-7ZM2.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-7Zm0 4A1.5 1.5 0 0 1 4 4.5h.5a.5.5 0 1 1 0 1H4a.5.5 0 0 0-.5.5v.5A.5.5 0 0 0 4 7v-.316a.5.5 0 0 1 .25-.934h.25a.5.5 0 0 1 .5.5V7.5a.5.5 0 0 1-.5.5H4a1.5 1.5 0 0 1-1.5-1.5V6ZM6 4.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 1 1-1 0V5a.5.5 0 0 1 .5-.5ZM7 5a.5.5 0 0 1 .5-.5H9a.5.5 0 1 1 0 1H8v.25h.5a.5.5 0 1 1 0 1H8v.75a.5.5 0 1 1-1 0V5Z",
+  fill: "currentColor"
+}, null, -1), h = [
+  u
+];
+function f(e, _, t, m, v, a) {
+  return r(), l("svg", {
+    "aria-label": t.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--gif-outline"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Gif Outline",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, h, 10, c);
+}
+const H = /* @__PURE__ */ n(s, [["render", f]]);
+export {
+  H as default
+};

package/vue3/dist/components/giphy.js

@@ -0,0 +1,56 @@
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as r, normalizeClass as h, createStaticVNode as n } from "vue";
+const o = {
+  name: "DtIconGiphy",
+  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");
+  }
+}, s = ["aria-label", "aria-hidden"], p = /* @__PURE__ */ n('<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2.667h8v10.666H4V2.667Z" fill="currentColor"></path><path d="M2 2h2v12H2V2Z" fill="#04FF8E"></path><path d="M12 5.333h2V14h-2V5.333Z" fill="#8E2EFF"></path><path d="M2 13.333h12v2H2v-2Z" fill="#00C5FF"></path><path d="M2 .667h6.667v2H2v-2Z" fill="#FFF152"></path><path d="M12.223 4.222V2.445h-1.779V.667H8.667V6H14V4.222" fill="#FF5B5B"></path><path d="M12 7.333V6h2" fill="#551C99"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M8.667.667v2H7.333" fill="#999131"></path>', 8), c = [
+  p
+];
+function f(e, u, i, _, v, a) {
+  return d(), r("svg", {
+    "aria-label": i.ariaLabel,
+    class: h([a.iconSizeClass, "d-icon d-icon--giphy"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Giphy",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, c, 10, s);
+}
+const V = /* @__PURE__ */ l(o, [["render", f]]);
+export {
+  V as default
+};

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

@@ -0,0 +1,76 @@
+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 e } from "vue";
+const c = {
+  name: "DtIconGlobe2",
+  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 = o();
+  }
+}, u = ["aria-label", "aria-hidden"], h = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1.612 5H2.5A1.5 1.5 0 0 1 4 6.5V7a.5.5 0 0 0 .5.5A1.5 1.5 0 0 1 6 9v1.5c.344 0 .678-.039 1-.111V8.5A1.5 1.5 0 0 1 8.5 7h1.889a4.513 4.513 0 0 0-.145-2.5H9a.5.5 0 0 0-.5.5 1.5 1.5 0 0 1-3 0 .5.5 0 0 0-.49-.5 2 2 0 0 1-1.982-1.334A.5.5 0 0 1 3 3v-.354A4.497 4.497 0 0 0 1.612 5Zm2.387-3.032L4 2v.906A1 1 0 0 0 5 3.5 1.5 1.5 0 0 1 6.5 5a.5.5 0 0 0 1 0A1.5 1.5 0 0 1 9 3.5h.742A4.496 4.496 0 0 0 6 1.5c-.719 0-1.398.169-2.001.468ZM10.032 8H8.5a.5.5 0 0 0-.5.5v1.532A4.519 4.519 0 0 0 10.032 8Zm-4.417 3.487a5.5 5.5 0 1 0-.323-.032.5.5 0 0 0 .323.032ZM5 10.389A4.502 4.502 0 0 1 1.5 6h1a.5.5 0 0 1 .5.5V7a1.5 1.5 0 0 0 1.5 1.5.5.5 0 0 1 .5.5v1.389Z",
+  "clip-rule": "evenodd"
+}, null, -1), p = [
+  _
+], f = ["id"], m = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  m
+];
+function v(a, b, l, A, I, i) {
+  return s(), r("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--globe-2"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Globe 2",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, p, 8, h),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, f)
+    ])
+  ], 10, u);
+}
+const Z = /* @__PURE__ */ n(c, [["render", v]]);
+export {
+  Z as default
+};

package/vue3/dist/components/gmail.js

@@ -0,0 +1,56 @@
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as r, normalizeClass as s, createStaticVNode as n } from "vue";
+const o = {
+  name: "DtIconGmail",
+  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"], h = /* @__PURE__ */ n('<path d="M6.545 20.004v-7.727L4.15 10.084 2 8.867v9.773c0 .755.611 1.364 1.364 1.364h3.181z" fill="#4285F4"></path><path d="M17.454 20.004h3.182c.755 0 1.364-.612 1.364-1.364V8.868l-2.434 1.393-2.111 2.016v7.727z" fill="#34A853"></path><path d="m6.545 12.277-.326-3.02.326-2.89L12 10.458l5.454-4.09.365 2.733-.364 3.176L12 16.367l-5.455-4.09z" fill="#EA4335"></path><path d="M17.454 6.367v5.91L22 8.867V7.05c0-1.686-1.925-2.647-3.273-1.636l-1.273.954z" fill="#FBBC04"></path><path d="m2 8.867 2.09 1.568 2.455 1.841V6.368l-1.272-.954C3.923 4.4 2 5.363 2 7.049v1.818z" fill="#C5221F"></path>', 5), p = [
+  h
+];
+function m(a, _, i, f, u, e) {
+  return d(), r("svg", {
+    "aria-label": i.ariaLabel,
+    class: s([e.iconSizeClass, "d-icon d-icon--gmail"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Gmail",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, p, 10, c);
+}
+const g = /* @__PURE__ */ l(o, [["render", m]]);
+export {
+  g as default
+};

package/vue3/dist/components/google-business-messaging.js

@@ -0,0 +1,67 @@
+import { _ as n, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as d, createElementVNode as e } from "vue";
+const r = {
+  name: "DtIconGoogleBusinessMessaging",
+  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");
+  }
+}, c = ["aria-label", "aria-hidden"], _ = /* @__PURE__ */ e("path", {
+  d: "M20.331 7.245A6.191 6.191 0 0 0 14.312 2.5H7.939a6.187 6.187 0 0 0-4.252 10.683z",
+  fill: "#86a9ff"
+}, null, -1), g = /* @__PURE__ */ e("path", {
+  d: "M3.686 13.182A6.114 6.114 0 0 0 5.29 16.01l6.369 6.369a.42.42 0 0 0 .717-.298v-4.205h3.688a6.187 6.187 0 0 0 6.186-6.294 6.106 6.106 0 0 0-1.919-4.337z",
+  fill: "#578cff"
+}, null, -1), u = /* @__PURE__ */ e("path", {
+  d: "M14.313 14.875a6.187 6.187 0 0 0 6.018-7.63 6.337 6.337 0 0 0-4.37-1.745H9.687A6.187 6.187 0 0 0 3.5 11.688a6.1 6.1 0 0 0 .186 1.494 6.167 6.167 0 0 0 4.251 1.693z",
+  fill: "#0057cc"
+}, null, -1), f = [
+  _,
+  g,
+  u
+];
+function h(a, m, t, p, z, s) {
+  return l(), o("svg", {
+    "aria-label": t.ariaLabel,
+    class: d([s.iconSizeClass, "d-icon d-icon--google-business-messaging"]),
+    "aria-hidden": s.ariaHidden,
+    role: "img",
+    "data-name": "Google Business Messaging",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, f, 10, c);
+}
+const B = /* @__PURE__ */ n(r, [["render", h]]);
+export {
+  B as default
+};

package/vue3/dist/components/google-calendar.js

@@ -0,0 +1,56 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as r, normalizeClass as o, createStaticVNode as c } from "vue";
+const h = {
+  name: "DtIconGoogleCalendar",
+  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"], s = /* @__PURE__ */ c('<path d="M17.263 6.737H6.737v10.526h10.526V6.737z" fill="#fff"></path><path d="M17.263 22 22 17.263l-2.368-.404-2.369.404-.432 2.166.432 2.571z" fill="#EA4335"></path><path d="M2 17.263v3.158A1.58 1.58 0 0 0 3.579 22h3.158l.486-2.368-.486-2.369-2.58-.404L2 17.263z" fill="#188038"></path><path d="M22 6.737V3.579A1.58 1.58 0 0 0 20.421 2h-3.158c-.288 1.175-.432 2.04-.432 2.593 0 .555.144 1.27.432 2.144 1.048.3 1.837.45 2.369.45.53 0 1.32-.15 2.368-.45z" fill="#1967D2"></path><path d="M22 6.737h-4.737v10.526H22V6.737z" fill="#FBBC04"></path><path d="M17.263 17.263H6.737V22h10.526v-4.737z" fill="#34A853"></path><path d="M17.263 2H3.58A1.58 1.58 0 0 0 2 3.579v13.684h4.737V6.737h10.526V2z" fill="#4285F4"></path><path d="M8.896 14.903c-.393-.266-.666-.654-.814-1.168l.913-.376c.083.316.227.56.434.734.205.174.455.26.747.26.299 0 .556-.091.77-.273a.87.87 0 0 0 .322-.693.86.86 0 0 0-.339-.703c-.226-.181-.51-.272-.85-.272h-.528v-.904h.474c.292 0 .538-.079.738-.237a.78.78 0 0 0 .3-.649c0-.244-.09-.44-.268-.585a1.042 1.042 0 0 0-.68-.22c-.269 0-.482.071-.64.215a1.26 1.26 0 0 0-.345.527l-.904-.376c.12-.34.34-.64.662-.899.323-.259.734-.39 1.234-.39.37 0 .703.072.998.215.295.144.526.342.693.595.167.254.25.538.25.854 0 .322-.077.595-.233.818a1.606 1.606 0 0 1-.572.515v.054c.292.12.546.318.734.572a1.5 1.5 0 0 1 .287.921c0 .358-.09.678-.272.958-.182.28-.433.501-.752.662-.32.16-.679.242-1.077.242a2.232 2.232 0 0 1-1.282-.397zm5.61-4.532-1.003.725-.502-.76L14.8 9.038h.69v6.12h-.985V10.37z" fill="#4285F4"></path>', 8), p = [
+  s
+];
+function f(a, _, l, m, z, e) {
+  return d(), r("svg", {
+    "aria-label": l.ariaLabel,
+    class: o([e.iconSizeClass, "d-icon d-icon--google-calendar"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Google Calendar",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, p, 10, n);
+}
+const v = /* @__PURE__ */ i(h, [["render", f]]);
+export {
+  v as default
+};

package/vue3/dist/components/google-docs.js

@@ -0,0 +1,96 @@
+import { g as i } from "../utils-ougd2MqG.js";
+import { _ as s, I as a } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as d, normalizeClass as r, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconGoogleDocs",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (t) => Object.keys(a).includes(t)
+    },
+    /**
+     * 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 a[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = i();
+  }
+}, h = ["aria-label", "aria-hidden"], _ = /* @__PURE__ */ e("path", {
+  d: "M5.5 1A1.5 1.5 0 0 0 4 2.5v19A1.5 1.5 0 0 0 5.5 23h13a1.5 1.5 0 0 0 1.5-1.5V7l-6-6H5.5Z",
+  fill: "#4E8DF5"
+}, null, -1), u = /* @__PURE__ */ e("path", {
+  d: "M5.5 23A1.5 1.5 0 0 1 4 21.5v-.25a1.5 1.5 0 0 0 1.5 1.5h13a1.5 1.5 0 0 0 1.5-1.5v.25a1.5 1.5 0 0 1-1.5 1.5h-13Z",
+  fill: "#417EE9"
+}, null, -1), f = /* @__PURE__ */ e("path", {
+  d: "M5.5 1A1.5 1.5 0 0 0 4 2.5v.25a1.5 1.5 0 0 1 1.5-1.5h8.75L14 1H5.5Z",
+  fill: "#639AF6"
+}, null, -1), p = ["fill"], m = /* @__PURE__ */ e("path", {
+  d: "m14 1 6 6h-4.5A1.5 1.5 0 0 1 14 5.5V1Z",
+  fill: "#A6C5FA"
+}, null, -1), g = /* @__PURE__ */ e("path", {
+  d: "M16 12H8v1h8v-1Zm0 2H8v1h8v-1Zm-8 2h8v1H8v-1Zm6 2H8v1h6v-1Z",
+  fill: "#fff"
+}, null, -1), v = ["id"], D = /* @__PURE__ */ e("stop", { "stop-color": "#4E8DF5" }, null, -1), Z = /* @__PURE__ */ e("stop", {
+  offset: "1",
+  "stop-color": "#3D6ACD"
+}, null, -1), A = [
+  D,
+  Z
+];
+function I(t, E, l, H, S, o) {
+  return n(), d("svg", {
+    "aria-label": l.ariaLabel,
+    class: r([o.iconSizeClass, "d-icon d-icon--google-docs"]),
+    "aria-hidden": o.ariaHidden,
+    role: "img",
+    "data-name": "Google Docs",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    _,
+    u,
+    f,
+    e("path", {
+      d: "M20 12.125V7l-.875-.875h-4.22a.375.375 0 0 0-.265.64l5.36 5.36Z",
+      fill: `url(#${t.uniqueID}a)`
+    }, null, 8, p),
+    m,
+    g,
+    e("defs", null, [
+      e("linearGradient", {
+        id: `${t.uniqueID}a`,
+        x1: "17",
+        y1: "12.125",
+        x2: "17",
+        y2: "6",
+        gradientUnits: "userSpaceOnUse"
+      }, A, 8, v)
+    ])
+  ], 10, h);
+}
+const w = /* @__PURE__ */ s(c, [["render", I]]);
+export {
+  w as default
+};

package/vue3/dist/components/google-drive.js

@@ -0,0 +1,56 @@
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as o, normalizeClass as d, createStaticVNode as s } from "vue";
+const c = {
+  name: "DtIconGoogleDrive",
+  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__ */ s('<path d="m3.512 18.315.882 1.524c.183.32.447.572.756.756.886-1.125 1.503-1.988 1.85-2.59.353-.61.786-1.564 1.3-2.863-1.385-.182-2.435-.273-3.15-.273-.686 0-1.736.09-3.15.273 0 .355.092.71.275 1.031l1.237 2.142z" fill="#0066DA"></path><path d="M18.85 20.595a2.08 2.08 0 0 0 .756-.756l.367-.63 1.752-3.036c.18-.314.275-.67.275-1.03-1.422-.183-2.47-.274-3.144-.274-.724 0-1.772.09-3.145.273.508 1.306.936 2.26 1.283 2.864.35.608.97 1.471 1.856 2.589z" fill="#EA4335"></path><path d="M12 8.727c1.025-1.237 1.732-2.192 2.12-2.863.312-.54.655-1.404 1.03-2.59A2.014 2.014 0 0 0 14.12 3H9.88a2.13 2.13 0 0 0-1.031.275c.477 1.36.882 2.327 1.214 2.903.368.636 1.013 1.486 1.936 2.55z" fill="#00832D"></path><path d="M15.7 15.142H8.3l-3.15 5.453c.31.183.664.275 1.031.275h11.638a2.14 2.14 0 0 0 1.031-.275l-3.15-5.453z" fill="#2684FC"></path><path d="M12 8.727 8.85 3.275a2.08 2.08 0 0 0-.756.756l-5.82 10.08c-.179.314-.274.67-.274 1.031h6.3L12 8.727z" fill="#00AC47"></path><path d="m18.816 9.071-2.91-5.04a2.08 2.08 0 0 0-.756-.756L12 8.727l3.7 6.415h6.289c0-.355-.092-.71-.275-1.03l-2.898-5.04z" fill="#FFBA00"></path>', 6), p = [
+  h
+];
+function f(a, _, i, m, g, e) {
+  return r(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([e.iconSizeClass, "d-icon d-icon--google-drive"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Google Drive",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, p, 10, n);
+}
+const v = /* @__PURE__ */ l(c, [["render", f]]);
+export {
+  v as default
+};

package/vue3/dist/components/google-glyph.js

@@ -0,0 +1,79 @@
+import { _ as o, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as t, createElementBlock as n, normalizeClass as r, createElementVNode as e } from "vue";
+const s = {
+  name: "DtIconGoogleGlyph",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (l) => Object.keys(i).includes(l)
+    },
+    /**
+     * 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__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M20.64 12.205c0-.639-.057-1.252-.164-1.841H12v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z",
+  fill: "#4285F4"
+}, null, -1), h = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M12 21c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H3.957v2.332A8.997 8.997 0 0 0 12 21Z",
+  fill: "#34A853"
+}, null, -1), p = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M6.964 13.71A5.41 5.41 0 0 1 6.682 12c0-.593.102-1.17.282-1.71V7.958H3.957a9.005 9.005 0 0 0 0 8.084l3.007-2.332Z",
+  fill: "#FBBC05"
+}, null, -1), _ = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M12 6.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C16.463 3.891 14.426 3 12 3a8.997 8.997 0 0 0-8.043 4.958l3.007 2.332C7.672 8.163 9.656 6.58 12 6.58Z",
+  fill: "#EA4335"
+}, null, -1), f = [
+  u,
+  h,
+  p,
+  _
+];
+function m(l, v, d, g, y, a) {
+  return t(), n("svg", {
+    "aria-label": d.ariaLabel,
+    class: r([a.iconSizeClass, "d-icon d-icon--google-glyph"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Google Glyph",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, f, 10, c);
+}
+const I = /* @__PURE__ */ o(s, [["render", m]]);
+export {
+  I as default
+};