@dialpad/dialtone-icons/vue3/dist/components/icons/microsoft-teams.js

Dialtone icon library

import { g as l } from "../../utils-BOfnFgIH.js";
import { I as o } from "../../constants-DeVuDy8J.js";
import { createElementBlock as r, openBlock as s, normalizeClass as n, createElementVNode as a, createStaticVNode as c } from "vue";
import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const h = {
  name: "DtIconMicrosoftTeams",
  props: {
    /**
     * The size of the icon.
     * @values 100, 200, 300, 400, 500, 600, 700, 800
     */
    size: {
      type: String,
      default: "500",
      validator: (t) => Object.keys(o).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 o[this.size];
    },
    ariaHidden() {
      return this.ariaLabel ? "false" : "true";
    },
    dataQA() {
      return this.$attrs["data-qa"] ?? "dt-icon";
    }
  },
  created() {
    this.$emit("loaded"), this.uniqueID = l();
  }
}, p = ["aria-label", "data-qa", "aria-hidden"], f = ["clip-path"], u = /* @__PURE__ */ c('<path d="M15.95 9.977h5.166c.488 0 .884.395.884.883v4.706a3.248 3.248 0 0 1-3.248 3.248h-.015a3.248 3.248 0 0 1-3.249-3.248v-5.127c0-.255.207-.462.462-.462Zm3.492-.93a2.093 2.093 0 1 0 0-4.187 2.093 2.093 0 0 0 0 4.187Z" fill="#5059C9"></path><path d="M12.93 9.047a3.023 3.023 0 1 0 0-6.047 3.023 3.023 0 0 0 0 6.047Zm4.031.93H8.434a.874.874 0 0 0-.853.894v5.367a5.246 5.246 0 0 0 5.117 5.367 5.246 5.246 0 0 0 5.116-5.367v-5.367a.874.874 0 0 0-.853-.894Z" fill="#7B83EB"></path><path opacity=".1" d="M13.163 9.977v7.52a.856.856 0 0 1-.851.852H7.99a5.664 5.664 0 0 1-.41-2.112V10.87a.873.873 0 0 1 .852-.893h4.73Z" fill="currentColor"></path><path opacity=".2" d="M12.698 9.977v7.986a.857.857 0 0 1-.851.851H8.209a6.021 6.021 0 0 1-.218-.465 5.664 5.664 0 0 1-.41-2.112V10.87a.873.873 0 0 1 .852-.893h4.265Z" fill="currentColor"></path><path opacity=".2" d="M12.698 9.977v7.056a.858.858 0 0 1-.851.85h-4.02a5.665 5.665 0 0 1-.246-1.646V10.87a.873.873 0 0 1 .852-.893h4.265Z" fill="currentColor"></path><path opacity=".2" d="M12.233 9.977v7.056a.858.858 0 0 1-.852.85H7.828a5.665 5.665 0 0 1-.247-1.646V10.87a.873.873 0 0 1 .852-.893h3.8Z" fill="currentColor"></path><path opacity=".1" d="M13.163 7.572v1.465c-.08.005-.154.01-.233.01-.079 0-.153-.005-.232-.01a2.552 2.552 0 0 1-.465-.074 3.023 3.023 0 0 1-2.094-1.777 2.582 2.582 0 0 1-.148-.465h2.32c.47.002.85.382.852.851Z" fill="currentColor"></path><path opacity=".2" d="M12.698 8.037v1a2.553 2.553 0 0 1-.465-.074 3.024 3.024 0 0 1-2.094-1.777h1.708a.853.853 0 0 1 .85.851Z" fill="currentColor"></path><path opacity=".2" d="M12.698 8.037v1a2.553 2.553 0 0 1-.465-.074 3.024 3.024 0 0 1-2.094-1.777h1.708a.853.853 0 0 1 .85.851Z" fill="currentColor"></path><path opacity=".2" d="M12.233 8.037v.926a3.023 3.023 0 0 1-2.094-1.777h1.242c.47.002.85.382.852.851Z" fill="currentColor"></path>', 10), _ = ["fill"], m = /* @__PURE__ */ a("path", {
  d: "M9.36 10.432H7.655v4.641H6.57v-4.641H4.873v-.9H9.36v.9Z",
  fill: "#fff"
}, null, -1), v = ["id"], M = /* @__PURE__ */ a("stop", { "stop-color": "#5A62C3" }, null, -1), Z = /* @__PURE__ */ a("stop", {
  offset: ".5",
  "stop-color": "#4D55BD"
}, null, -1), C = /* @__PURE__ */ a("stop", {
  offset: "1",
  "stop-color": "#3940AB"
}, null, -1), y = [
  M,
  Z,
  C
], g = ["id"], H = /* @__PURE__ */ a("path", {
  fill: "#fff",
  transform: "translate(2 3)",
  d: "M0 0h20v18.605H0z"
}, null, -1), I = [
  H
];
function b(t, q, i, D, S, e) {
  return s(), r("svg", {
    "aria-label": i.ariaLabel,
    class: n([e.iconSizeClass, "d-icon d-icon--microsoft-teams"]),
    "data-qa": e.dataQA,
    "aria-hidden": e.ariaHidden,
    role: "img",
    "data-name": "Microsoft Teams",
    viewBox: "0 0 24 24",
    xmlns: "http://www.w3.org/2000/svg"
  }, [
    a("g", {
      "clip-path": `url(#${t.uniqueID}a)`
    }, [
      u,
      a("path", {
        d: "M2.853 7.186h8.527c.47 0 .852.382.852.853v8.527c0 .47-.381.853-.852.853H2.853A.853.853 0 0 1 2 16.566V8.039c0-.471.382-.853.853-.853Z",
        fill: `url(#${t.uniqueID}b)`
      }, null, 8, _),
      m
    ], 8, f),
    a("defs", null, [
      a("linearGradient", {
        id: `${t.uniqueID}b`,
        x1: "3.778",
        y1: "6.52",
        x2: "10.455",
        y2: "18.085",
        gradientUnits: "userSpaceOnUse"
      }, y, 8, v),
      a("clipPath", {
        id: `${t.uniqueID}a`
      }, I, 8, g)
    ])
  ], 10, p);
}
const w = /* @__PURE__ */ d(h, [["render", b]]);
export {
  w as default
};
//# sourceMappingURL=microsoft-teams.js.map