UNPKG

@dialpad/dialtone-icons

Version:

Dialtone icon library

56 lines (55 loc) 2.13 kB
import { I as i } from "../../constants-DeVuDy8J.js"; import { n as r } from "../../_plugin-vue2_normalizer-DSLOjnn3.js"; const l = { name: "DtIconGiphy", props: { /** * The size of the icon. * @values 100, 200, 300, 400, 500, 600, 700, 800 */ size: { type: String, default: "500", validator: (e) => Object.keys(i).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 i[this.size]; }, ariaHidden() { return this.ariaLabel ? "false" : "true"; }, dataQA() { return this.$attrs["data-qa"] ?? "dt-icon"; } }, created() { this.$emit("loaded"); } }; var d = function() { var a = this, t = a._self._c; return t("svg", { staticClass: "d-icon d-icon--giphy", class: a.iconSizeClass, attrs: { "aria-label": a.ariaLabel, "data-qa": a.dataQA, "aria-hidden": a.ariaHidden, role: "img", "data-name": "Giphy", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 2.667h8v10.666H4V2.667Z", fill: "currentColor" } }), t("path", { attrs: { d: "M2 2h2v12H2V2Z", fill: "#04FF8E" } }), t("path", { attrs: { d: "M12 5.333h2V14h-2V5.333Z", fill: "#8E2EFF" } }), t("path", { attrs: { d: "M2 13.333h12v2H2v-2Z", fill: "#00C5FF" } }), t("path", { attrs: { d: "M2 .667h6.667v2H2v-2Z", fill: "#FFF152" } }), t("path", { attrs: { d: "M12.223 4.222V2.445h-1.779V.667H8.667V6H14V4.222", fill: "#FF5B5B" } }), t("path", { attrs: { d: "M12 7.333V6h2", fill: "#551C99" } }), t("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.667.667v2H7.333", fill: "#999131" } })]); }, s = [], n = /* @__PURE__ */ r( l, d, s ); const c = n.exports; export { c as default }; //# sourceMappingURL=giphy.js.map