@dialpad/dialtone-icons
Version:
Dialtone icon library
93 lines (92 loc) • 3.73 kB
JavaScript
import { g as l } from "../../utils-BOfnFgIH.js";
import { I as s } from "../../constants-DeVuDy8J.js";
import { openBlock as r, createElementBlock as d, normalizeClass as p, createElementVNode as o, createStaticVNode as n } from "vue";
import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const c = {
name: "DtIconDialpadLogo",
props: {
/**
* The size of the icon.
* @values 100, 200, 300, 400, 500, 600, 700, 800
*/
size: {
type: String,
default: "500",
validator: (e) => Object.keys(s).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 s[this.size];
},
ariaHidden() {
return this.ariaLabel ? "false" : "true";
},
dataQA() {
return this.$attrs["data-qa"] ?? "dt-icon";
}
},
created() {
this.$emit("loaded"), this.uniqueID = l();
}
}, u = ["aria-label", "data-qa", "aria-hidden"], m = ["fill"], g = ["id"];
function F(e, t, i, h, v, a) {
return r(), d("svg", {
"aria-label": i.ariaLabel,
class: p([a.iconSizeClass, "d-icon d-icon--dialpad-logo"]),
"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[1] || (t[1] = o("path", {
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"
}, null, -1)),
o("path", {
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(#${e.uniqueID}a)`
}, null, 8, m),
t[2] || (t[2] = o("path", {
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"
}, null, -1)),
t[3] || (t[3] = o("path", {
"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"
}, null, -1)),
o("defs", null, [
o("linearGradient", {
id: `${e.uniqueID}a`,
x1: "-3.75",
y1: "-5.169",
x2: "24.75",
y2: "24.006",
gradientUnits: "userSpaceOnUse"
}, [...t[0] || (t[0] = [
n('<stop offset=".06" stop-color="#10022C"></stop><stop offset=".2" stop-color="#611F93"></stop><stop offset=".29" stop-color="#8223A1"></stop><stop offset=".366" stop-color="#9325A5"></stop><stop offset=".459" stop-color="#C52599" stop-opacity=".9"></stop><stop offset=".564" stop-color="#D52C86"></stop><stop offset=".658" stop-color="#EA2F6F"></stop><stop offset=".737" stop-color="#F64850"></stop><stop offset=".896" stop-color="#FD6D2D"></stop><stop offset=".955" stop-color="#FF9E0E" stop-opacity=".95"></stop>', 10)
])], 8, g)
])
], 10, u);
}
const C = /* @__PURE__ */ f(c, [["render", F]]);
export {
C as default
};
//# sourceMappingURL=dialpad-logo.js.map