@dialpad/dialtone-icons
Version:
Dialtone icon library
57 lines (56 loc) • 3.48 kB
JavaScript
import { g as e } from "../../utils-BOfnFgIH.js";
import { I as s } from "../../constants-DeVuDy8J.js";
import { n as r } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
const i = {
name: "DtIconDialpadLogo",
props: {
/**
* The size of the icon.
* @values 100, 200, 300, 400, 500, 600, 700, 800
*/
size: {
type: String,
default: "500",
validator: (o) => Object.keys(s).includes(o)
},
/**
* 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 s[this.size];
},
ariaHidden() {
return this.ariaLabel ? "false" : "true";
},
dataQA() {
return this.$attrs["data-qa"] ?? "dt-icon";
}
},
created() {
this.$emit("loaded"), this.uniqueID = e();
}
};
var l = function() {
var a = this, t = a._self._c;
return t("svg", { staticClass: "d-icon d-icon--dialpad-logo", class: a.iconSizeClass, attrs: { "aria-label": a.ariaLabel, "data-qa": a.dataQA, "aria-hidden": a.ariaHidden, role: "img", "data-name": "Dialpad Logo", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M20.4.006H3.6a3.6 3.6 0 0 0-3.6 3.6v16.8a3.6 3.6 0 0 0 3.6 3.6h16.8a3.6 3.6 0 0 0 3.6-3.6v-16.8a3.6 3.6 0 0 0-3.6-3.6Z", fill: "#10022C" } }), t("path", { attrs: { d: "M20.4.006H3.6a3.6 3.6 0 0 0-3.6 3.6v16.8a3.6 3.6 0 0 0 3.6 3.6h16.8a3.6 3.6 0 0 0 3.6-3.6v-16.8a3.6 3.6 0 0 0-3.6-3.6Z", fill: `url(#${a.uniqueID}a)` } }), t("path", { attrs: { d: "M12.788 7.473c.127-.057.1-.276-.035-.306-2.02-.448-3.592-2.236-3.93-4.479-.021-.148-.284-.184-.338-.044-.87 2.68-2.752 4.777-5.256 5.8-.122.057-.097.26.034.292 1.972.474 3.503 2.23 3.846 4.429.023.145.263.178.318.042 1.003-2.804 2.922-4.91 5.361-5.734Z", fill: "#F8F7F6" } }), t("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.135 20.706c-2.583 0-4.438-2.068-4.438-4.898 0-2.83 1.855-4.88 4.438-4.88 1.2 0 2.346.599 2.855 1.379V7.264h2.11v13.26h-2.11V19.31c-.509.78-1.655 1.397-2.855 1.397Zm.345-1.832c1.364 0 2.383-1.052 2.51-2.485V15.19c-.127-1.433-1.146-2.43-2.51-2.43-1.527 0-2.619 1.215-2.619 3.029 0 1.814 1.091 3.084 2.62 3.084Z", fill: "#F8F7F6" } }), t("defs", [t("linearGradient", { attrs: { id: `${a.uniqueID}a`, x1: "-3.75", y1: "-5.169", x2: "24.75", y2: "24.006", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { offset: ".06", "stop-color": "#10022C" } }), t("stop", { attrs: { offset: ".2", "stop-color": "#611F93" } }), t("stop", { attrs: { offset: ".29", "stop-color": "#8223A1" } }), t("stop", { attrs: { offset: ".366", "stop-color": "#9325A5" } }), t("stop", { attrs: { offset: ".459", "stop-color": "#C52599", "stop-opacity": ".9" } }), t("stop", { attrs: { offset: ".564", "stop-color": "#D52C86" } }), t("stop", { attrs: { offset: ".658", "stop-color": "#EA2F6F" } }), t("stop", { attrs: { offset: ".737", "stop-color": "#F64850" } }), t("stop", { attrs: { offset: ".896", "stop-color": "#FD6D2D" } }), t("stop", { attrs: { offset: ".955", "stop-color": "#FF9E0E", "stop-opacity": ".95" } })], 1)], 1)]);
}, n = [], d = /* @__PURE__ */ r(
i,
l,
n
);
const u = d.exports;
export {
u as default
};
//# sourceMappingURL=dialpad-logo.js.map