@dialpad/dialtone-icons
Version:
Dialtone icon library
57 lines (56 loc) • 13.9 kB
JavaScript
import { g as s } from "../utils-BOfnFgIH.js";
import { I as a } from "../constants-DeVuDy8J.js";
import { n as i } from "../_plugin-vue2_normalizer-DSLOjnn3.js";
const o = {
name: "DtIconO365Calendar",
props: {
/**
* The size of the icon.
* @values 100, 200, 300, 400, 500, 600, 700, 800
*/
size: {
type: String,
default: "500",
validator: (e) => Object.keys(a).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 a[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 r = this, t = r._self._c;
return t("svg", { staticClass: "d-icon d-icon--o365-calendar", class: r.iconSizeClass, attrs: { "aria-label": r.ariaLabel, "data-qa": r.dataQA, "aria-hidden": r.ariaHidden, role: "img", "data-name": "O365 Calendar", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" } }, [t("g", { attrs: { "clip-path": `url(#${r.uniqueID}a)` } }, [t("rect", { attrs: { x: "2", y: "3.428", width: "20", height: "5.714", rx: "1.143", fill: `url(#${r.uniqueID}b)` } }), t("path", { attrs: { d: "M2 7.715h20v13.143c0 .631-.512 1.143-1.143 1.143H3.143A1.143 1.143 0 0 1 2 20.858V7.715Z", fill: `url(#${r.uniqueID}c)` } }), t("g", { attrs: { filter: "url(#d)" } }, [t("circle", { attrs: { cx: "10.213", cy: "10.215", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#e)" } }, [t("circle", { attrs: { cx: "10.213", cy: "14.5", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#f)" } }, [t("circle", { attrs: { cx: "10.213", cy: "18.787", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#g)" } }, [t("circle", { attrs: { cx: "5.93", cy: "14.5", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#h)" } }, [t("circle", { attrs: { cx: "5.93", cy: "18.787", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#i)" } }, [t("circle", { attrs: { cx: "14.499", cy: "10.215", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#j)" } }, [t("circle", { attrs: { cx: "18.786", cy: "10.215", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#k)" } }, [t("circle", { attrs: { cx: "14.499", cy: "14.5", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#l)" } }, [t("circle", { attrs: { cx: "18.786", cy: "14.5", fill: "#F2F2F2", r: "1.071" } })]), t("g", { attrs: { filter: "url(#m)" } }, [t("rect", { attrs: { x: "6.286", y: "2", width: "2.857", height: "4.286", rx: "1.429", fill: `url(#${r.uniqueID}n)` } })]), t("g", { attrs: { filter: "url(#o)" } }, [t("rect", { attrs: { x: "14.858", y: "2", width: "2.857", height: "4.286", rx: "1.429", fill: `url(#${r.uniqueID}p)` } })])]), t("defs", [t("filter", { attrs: { id: "d", x: "5.714", y: "6.858", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "e", x: "5.714", y: "11.143", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "f", x: "5.714", y: "15.43", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "g", x: "1.43", y: "11.143", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "h", x: "1.43", y: "15.43", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "i", x: "9.999", y: "6.858", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "j", x: "14.286", y: "6.858", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "k", x: "9.999", y: "11.143", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "l", x: "14.286", y: "11.143", width: "11.286", height: "11.286", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "2.286" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "m", x: "2.858", y: "-1.429", width: "12", height: "13.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "1.143" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("filter", { attrs: { id: "o", x: "11.43", y: "-1.429", width: "12", height: "13.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" } }, [t("feFlood", { attrs: { "flood-opacity": "0", result: "BackgroundImageFix" } }), t("feColorMatrix", { attrs: { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" } }), t("feOffset", { attrs: { dx: "1.143", dy: "1.143" } }), t("feGaussianBlur", { attrs: { stdDeviation: "2.286" } }), t("feComposite", { attrs: { in2: "hardAlpha", operator: "out" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" } }), t("feBlend", { attrs: { in2: "BackgroundImageFix", result: "effect1_dropShadow_13091_975" } }), t("feBlend", { attrs: { in: "SourceGraphic", in2: "effect1_dropShadow_13091_975", result: "shape" } })], 1), t("linearGradient", { attrs: { id: `${r.uniqueID}b`, x1: "2.714", y1: "4.143", x2: "22", y2: "7.714", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#0667B8" } }), t("stop", { attrs: { offset: "1", "stop-color": "#0E5399" } })], 1), t("linearGradient", { attrs: { id: `${r.uniqueID}c`, x1: "2.714", y1: "8.365", x2: "19.219", y2: "22.889", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#28AFEA" } }), t("stop", { attrs: { offset: "1", "stop-color": "#1797E0" } })], 1), t("linearGradient", { attrs: { id: `${r.uniqueID}n`, x1: "7.715", y1: "2", x2: "7.715", y2: "6.286", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#3CCBF4" } }), t("stop", { attrs: { offset: "1", "stop-color": "#3CCBF4" } })], 1), t("linearGradient", { attrs: { id: `${r.uniqueID}p`, x1: "16.287", y1: "2", x2: "16.287", y2: "6.286", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { "stop-color": "#3CCBF4" } }), t("stop", { attrs: { offset: "1", "stop-color": "#3CCBF4" } })], 1), t("clipPath", { attrs: { id: `${r.uniqueID}a` } }, [t("path", { attrs: { fill: "#fff", d: "M0 0h24v24H0z" } })])], 1)]);
}, f = [], d = /* @__PURE__ */ i(
o,
l,
f
);
const p = d.exports;
export {
p as default
};
//# sourceMappingURL=o365-calendar.js.map