@dialpad/dialtone-icons
Version:
Dialtone icon library
57 lines (56 loc) • 5.02 kB
JavaScript
import { g as s } from "../../utils-BOfnFgIH.js";
import { I as e } from "../../constants-DeVuDy8J.js";
import { n as i } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
const o = {
name: "DtIconMicrosoftDynamics365",
props: {
/**
* The size of the icon.
* @values 100, 200, 300, 400, 500, 600, 700, 800
*/
size: {
type: String,
default: "500",
validator: (r) => Object.keys(e).includes(r)
},
/**
* 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 e[this.size];
},
ariaHidden() {
return this.ariaLabel ? "false" : "true";
},
dataQA() {
return this.$attrs["data-qa"] ?? "dt-icon";
}
},
created() {
this.$emit("loaded"), this.uniqueID = s();
}
};
var l = function() {
var a = this, t = a._self._c;
return t("svg", { staticClass: "d-icon d-icon--microsoft-dynamics-365", class: a.iconSizeClass, attrs: { "aria-label": a.ariaLabel, "data-qa": a.dataQA, "aria-hidden": a.ariaHidden, role: "img", "data-name": "Microsoft Dynamics 365", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" } }, [t("mask", { staticStyle: { "mask-type": "alpha" }, attrs: { id: "a", maskUnits: "userSpaceOnUse", x: "4", y: "2", width: "15", height: "20" } }, [t("path", { attrs: { d: "M18.583 8.328c0-.88-.553-1.666-1.382-1.962L5.114 2.049A.833.833 0 0 0 4 2.834v6.564c0 .352.221.666.553.784l5.417 1.935a.833.833 0 0 0 1.113-.785V7.563c0-.29.291-.492.564-.39l1.42.535a2.083 2.083 0 0 1 1.35 1.95v1.641l-6.12 2.236a.833.833 0 0 0-.547.783v6.559c0 .578.576.98 1.12.782l8.345-3.05a2.083 2.083 0 0 0 1.368-1.956V8.328z", fill: "#fff" } })]), t("g", { attrs: { mask: "url(#a)" } }, [t("path", { attrs: { d: "M4 1.652 18.583 6.86v7.15c0 .577-.57.98-1.113.786l-3.053-1.09v-4.05c0-.867-.538-1.644-1.35-1.95l-1.42-.533a.417.417 0 0 0-.564.39v4.952L4 9.985V1.652z", fill: `url(#${a.uniqueID}b)` } }), t("g", { attrs: { filter: "url(#c)" } }, [t("path", { attrs: { d: "M18.583 8.401c0 .875-.546 1.659-1.368 1.959L7.75 13.818v8.333l10.833-3.958V8.401z", fill: "currentColor", "fill-opacity": ".24" } })]), t("g", { attrs: { filter: "url(#d)" } }, [t("path", { attrs: { d: "M18.583 8.735c0 .875-.546 1.658-1.368 1.958L7.75 14.152v8.333l10.833-3.959V8.735z", fill: "currentColor", "fill-opacity": ".32" } })]), t("path", { attrs: { d: "M18.583 8.318c0 .875-.546 1.658-1.368 1.959L7.75 13.735v8.333l10.833-3.958V8.318z", fill: `url(#${a.uniqueID}e)` } }), t("path", { attrs: { opacity: ".5", d: "M18.583 8.318c0 .875-.546 1.658-1.368 1.959L7.75 13.735v8.333l10.833-3.958V8.318z", fill: `url(#${a.uniqueID}f)` } }), t("path", { attrs: { opacity: ".5", d: "m14.417 11.302-3.335 1.22v4.887c0 .29.29.492.563.39l1.423-.536a2.083 2.083 0 0 0 1.349-1.95v-4.011z", fill: "#B0ADFF" } })]), t("defs", [t("linearGradient", { attrs: { id: `${a.uniqueID}b`, x1: "9.426", y1: "1.652", x2: "13.304", y2: "11.802", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#0B53CE" } }), t("stop", { attrs: { offset: "1", "stop-color": "#7252AA" } })], 1), t("linearGradient", { attrs: { id: `${a.uniqueID}e`, x1: "14.862", y1: "21.337", x2: "14.862", y2: "9.238", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#2266E3" } }), t("stop", { attrs: { offset: "1", "stop-color": "#AE7FE2" } })], 1), t("linearGradient", { attrs: { id: `${a.uniqueID}f`, x1: "18.583", y1: "13.69", x2: "14.433", y2: "13.69", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#94B9FF" } }), t("stop", { attrs: { offset: ".288", "stop-color": "#94B9FF", "stop-opacity": ".524" } }), t("stop", { attrs: { offset: "1", "stop-color": "#538FFF", "stop-opacity": "0" } })], 1), t("filter", { attrs: { id: "c", x: "6.95", y: "7.601", width: "12.433", height: "15.35", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" } }), t("feGaussianBlur", { attrs: { stdDeviation: ".4", result: "effect1_foregroundBlur" } })], 1), t("filter", { attrs: { id: "d", x: "-.25", y: ".735", width: "26.833", height: "29.75", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" } }), t("feGaussianBlur", { attrs: { stdDeviation: "4", result: "effect1_foregroundBlur" } })], 1)], 1)]);
}, n = [], c = /* @__PURE__ */ i(
o,
l,
n
);
const p = c.exports;
export {
p as default
};
//# sourceMappingURL=microsoft-dynamics-365.js.map