@dialpad/dialtone-icons
Version:
Dialtone icon library
57 lines (56 loc) • 7.11 kB
JavaScript
import { g as e } from "../utils-BOfnFgIH.js";
import { I as r } from "../constants-DeVuDy8J.js";
import { n as i } from "../_plugin-vue2_normalizer-DSLOjnn3.js";
const l = {
name: "DtIconZoho",
props: {
/**
* The size of the icon.
* @values 100, 200, 300, 400, 500, 600, 700, 800
*/
size: {
type: String,
default: "500",
validator: (s) => Object.keys(r).includes(s)
},
/**
* 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 r[this.size];
},
ariaHidden() {
return this.ariaLabel ? "false" : "true";
},
dataQA() {
return this.$attrs["data-qa"] ?? "dt-icon";
}
},
created() {
this.$emit("loaded"), this.uniqueID = e();
}
};
var o = function() {
var a = this, t = a._self._c;
return t("svg", { staticClass: "d-icon d-icon--zoho", class: a.iconSizeClass, attrs: { "aria-label": a.ariaLabel, "data-qa": a.dataQA, "aria-hidden": a.ariaHidden, role: "img", "data-name": "Zoho", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M22 10.473v4.742l-.656.64v-4.64l.656-.742Z", fill: "#E79225" } }), t("path", { attrs: { d: "m17.7 10.477-.68.738.035.047 4.261-.016.04-.031.644-.742-4.3.004Z", fill: "#FFF16D" } }), t("path", { attrs: { d: "M17.02 11.215h4.335v4.644H17.02v-4.644Z", fill: `url(#${a.uniqueID}a)` } }), t("path", { attrs: { d: "M20.695 12.887a1.717 1.717 0 0 0-.383-.578 1.57 1.57 0 0 0-.543-.371 1.683 1.683 0 0 0-.648-.126c-.234 0-.453.043-.652.126a1.583 1.583 0 0 0-.543.37 1.706 1.706 0 0 0-.38.579 1.88 1.88 0 0 0-.124.707c0 .25.043.484.129.703.086.219.21.414.379.586.156.16.336.281.535.363.2.082.422.125.66.125a1.657 1.657 0 0 0 1.188-.488 1.772 1.772 0 0 0 .511-1.285c0-.262-.043-.496-.129-.711Zm-.894 1.531a.84.84 0 0 1-.68.3c-.289 0-.515-.1-.683-.3-.168-.2-.25-.477-.25-.828 0-.36.085-.637.25-.84.168-.203.39-.3.683-.3a.84.84 0 0 1 .68.3c.164.203.25.48.25.84 0 .351-.082.629-.25.828Z", fill: "#fff" } }), t("path", { attrs: { d: "M16.594 10.086v.023l.554 4.262-.324.899-.043-.032-.57-4.086.012-.054.355-.989.016-.023Z", fill: "#009ADA" } }), t("path", { attrs: { d: "m12.324 10.68 4.27-.594-.36 1.023-.05.055-3.993.586.02-.73.113-.34Z", fill: "#91C9ED" } }), t("path", { attrs: { d: "m16.234 11.11.59 4.16-4.207.59-.566-4.02.246-.192 3.937-.539Z", fill: `url(#${a.uniqueID}b)` } }), t("path", { attrs: { d: "M15.52 11.906a.489.489 0 0 0-.133-.293.313.313 0 0 0-.211-.078.4.4 0 0 0-.067.004.324.324 0 0 0-.242.149.388.388 0 0 0-.055.218.95.95 0 0 0 .008.102l.153 1.082-1.211.18-.153-1.082a.489.489 0 0 0-.132-.29.296.296 0 0 0-.207-.082c-.02 0-.04 0-.06.004a.347.347 0 0 0-.253.149.388.388 0 0 0-.055.219c0 .03.004.066.008.105l.414 2.816c.02.13.063.227.14.293.06.051.13.075.216.075.023 0 .047 0 .07-.004a.316.316 0 0 0 .234-.149.403.403 0 0 0 .051-.21.93.93 0 0 0-.008-.102l-.168-1.114 1.211-.18.168 1.114c.02.129.063.227.137.29.059.05.129.077.21.077.02 0 .044 0 .067-.004a.324.324 0 0 0 .243-.148.407.407 0 0 0 .054-.215.962.962 0 0 0-.008-.102l-.421-2.824Z", fill: "#fff" } }), t("path", { attrs: { d: "m8.328 9-1.52 3.61.208 1.585.011-.004 1.707-3.84-.007-.082-.368-1.218L8.33 9Z", fill: "#66BF6B" } }), t("path", { attrs: { d: "m8.328 9 .395 1.324.007.028 3.758 1.683.012-.008-.32-1.265L8.328 9Z", fill: "#98D0A0" } }), t("path", { attrs: { d: "m8.723 10.324 3.777 1.703-1.707 3.871-3.777-1.703 1.707-3.87Z", fill: `url(#${a.uniqueID}c)` } }), t("path", { attrs: { d: "M11.355 12.34a1.639 1.639 0 0 0-.343-.563 1.602 1.602 0 0 0-.54-.37 1.606 1.606 0 0 0-.636-.134h-.012c-.219 0-.433.051-.644.145a1.72 1.72 0 0 0-.578.406 2.04 2.04 0 0 0-.399.625c-.101.239-.156.48-.168.719v.082c0 .21.035.418.11.621a1.555 1.555 0 0 0 .89.925c.207.09.418.134.633.134h.004c.215 0 .43-.047.64-.137a1.75 1.75 0 0 0 .583-.41c.164-.172.3-.38.402-.621.101-.242.156-.48.168-.719v-.07a1.69 1.69 0 0 0-.11-.633Zm-.753 1.125c-.141.336-.332.566-.563.691a.814.814 0 0 1-.383.102.929.929 0 0 1-.355-.078c-.266-.114-.43-.293-.5-.551a1.02 1.02 0 0 1-.035-.27c0-.187.047-.394.14-.617.145-.344.336-.578.567-.707a.77.77 0 0 1 .382-.101c.118 0 .235.027.36.078.262.113.426.293.496.55a.971.971 0 0 1 .035.266c0 .195-.047.406-.144.637Z", fill: "#fff" } }), t("path", { attrs: { d: "m6.508 9.613.617 4.133-.281 1.453-.04-.05-.6-3.993v-.078l.265-1.394.039-.07Z", fill: "#760D16" } }), t("path", { attrs: { d: "m2 11.75.293-1.46 4.215-.677-.285 1.489v.097l-4.172.59L2 11.75Z", fill: "#EF463E" } }), t("path", { attrs: { d: "m6.223 11.102.62 4.097-4.171.653L2 11.75l4.223-.648Z", fill: `url(#${a.uniqueID}d)` } }), t("path", { attrs: { d: "M5.773 14.547a.292.292 0 0 0-.132-.086.609.609 0 0 0-.204-.027c-.074 0-.16.007-.253.023l-1.102.188a1.05 1.05 0 0 1 .129-.332c.082-.153.207-.336.367-.547.055-.075.098-.13.129-.168.02-.028.05-.063.09-.114.254-.332.406-.601.469-.812.035-.121.054-.242.062-.363.004-.036.004-.067.004-.098a1.5 1.5 0 0 0-.023-.258.583.583 0 0 0-.059-.191.283.283 0 0 0-.098-.114.369.369 0 0 0-.191-.039c-.066 0-.149.008-.246.024l-1.274.219c-.152.027-.27.07-.34.14a.269.269 0 0 0-.085.203.4.4 0 0 0 .004.067c.02.11.074.187.164.226a.486.486 0 0 0 .195.035.91.91 0 0 0 .172-.015l1.062-.188c0 .02.004.04.004.055a.557.557 0 0 1-.035.195c-.031.09-.11.215-.238.375-.035.043-.09.114-.164.203-.29.348-.492.645-.617.891-.09.172-.149.336-.184.504-.02.098-.031.188-.031.277 0 .063.004.125.015.184a.799.799 0 0 0 .063.21.278.278 0 0 0 .11.122.395.395 0 0 0 .187.031c.105 0 .25-.015.433-.047l1.157-.199c.203-.035.347-.086.43-.152a.27.27 0 0 0 .1-.215.431.431 0 0 0-.007-.07.259.259 0 0 0-.063-.137Z", fill: "#fff" } }), t("defs", [t("linearGradient", { attrs: { id: `${a.uniqueID}a`, x1: "19.187", y1: "11.281", x2: "19.187", y2: "15.719", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { offset: ".006", "stop-color": "#FFE513" } }), t("stop", { attrs: { offset: "1", "stop-color": "#FDB924" } })], 1), t("linearGradient", { attrs: { id: `${a.uniqueID}b`, x1: "12.266", y1: "11.75", x2: "16.601", y2: "15.266", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { offset: ".006", "stop-color": "#008CD2" } }), t("stop", { attrs: { offset: "1", "stop-color": "#00649D" } })], 1), t("linearGradient", { attrs: { id: `${a.uniqueID}c`, x1: "9.758", y1: "11.873", x2: "9.758", y2: "15.761", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#26A146" } }), t("stop", { attrs: { offset: "1", "stop-color": "#008A52" } })], 1), t("linearGradient", { attrs: { id: `${a.uniqueID}d`, x1: "4.118", y1: "11.491", x2: "4.762", y2: "15.532", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#D92231" } }), t("stop", { attrs: { offset: "1", "stop-color": "#BA2234" } })], 1)], 1)]);
}, n = [], c = /* @__PURE__ */ i(
l,
o,
n
);
const u = c.exports;
export {
u as default
};
//# sourceMappingURL=zoho.js.map