@dialpad/dialtone-icons

Version:

Dialtone icon library

1 lines • 11.8 kB

Source Map (JSON)

{"version":3,"file":"o365-calendar.cjs","sources":["../../../src/icons/o365-calendar.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"O365 Calendar\" class=\"d-icon d-icon--o365-calendar\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><g :clip-path=\"`url(#${uniqueID}a)`\"><rect x=\"2\" y=\"3.428\" width=\"20\" height=\"5.714\" rx=\"1.143\" :fill=\"`url(#${uniqueID}b)`\"/><path 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(#${uniqueID}c)`\"/><g filter=\"url(#d)\"><circle cx=\"10.213\" cy=\"10.215\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#e)\"><circle cx=\"10.213\" cy=\"14.5\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#f)\"><circle cx=\"10.213\" cy=\"18.787\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#g)\"><circle cx=\"5.93\" cy=\"14.5\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#h)\"><circle cx=\"5.93\" cy=\"18.787\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#i)\"><circle cx=\"14.499\" cy=\"10.215\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#j)\"><circle cx=\"18.786\" cy=\"10.215\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#k)\"><circle cx=\"14.499\" cy=\"14.5\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#l)\"><circle cx=\"18.786\" cy=\"14.5\" fill=\"#F2F2F2\" r=\"1.071\"/></g><g filter=\"url(#m)\"><rect x=\"6.286\" y=\"2\" width=\"2.857\" height=\"4.286\" rx=\"1.429\" :fill=\"`url(#${uniqueID}n)`\"/></g><g filter=\"url(#o)\"><rect x=\"14.858\" y=\"2\" width=\"2.857\" height=\"4.286\" rx=\"1.429\" :fill=\"`url(#${uniqueID}p)`\"/></g></g><defs><filter id=\"d\" x=\"5.714\" y=\"6.858\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"e\" x=\"5.714\" y=\"11.143\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"f\" x=\"5.714\" y=\"15.43\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"g\" x=\"1.43\" y=\"11.143\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"h\" x=\"1.43\" y=\"15.43\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"i\" x=\"9.999\" y=\"6.858\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"j\" x=\"14.286\" y=\"6.858\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"k\" x=\"9.999\" y=\"11.143\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"l\" x=\"14.286\" y=\"11.143\" width=\"11.286\" height=\"11.286\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"2.286\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"m\" x=\"2.858\" y=\"-1.429\" width=\"12\" height=\"13.429\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"1.143\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><filter id=\"o\" x=\"11.43\" y=\"-1.429\" width=\"12\" height=\"13.429\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dx=\"1.143\" dy=\"1.143\"/><feGaussianBlur stdDeviation=\"2.286\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13091_975\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_13091_975\" result=\"shape\"/></filter><linearGradient :id=\"`${uniqueID}b`\" x1=\"2.714\" y1=\"4.143\" x2=\"22\" y2=\"7.714\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#0667B8\"/><stop offset=\"1\" stop-color=\"#0E5399\"/></linearGradient><linearGradient :id=\"`${uniqueID}c`\" x1=\"2.714\" y1=\"8.365\" x2=\"19.219\" y2=\"22.889\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#28AFEA\"/><stop offset=\"1\" stop-color=\"#1797E0\"/></linearGradient><linearGradient :id=\"`${uniqueID}n`\" x1=\"7.715\" y1=\"2\" x2=\"7.715\" y2=\"6.286\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#3CCBF4\"/><stop offset=\"1\" stop-color=\"#3CCBF4\"/></linearGradient><linearGradient :id=\"`${uniqueID}p`\" x1=\"16.287\" y1=\"2\" x2=\"16.287\" y2=\"6.286\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#3CCBF4\"/><stop offset=\"1\" stop-color=\"#3CCBF4\"/></linearGradient><clipPath :id=\"`${uniqueID}a`\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>\n</template>\n\n<script>\nimport { getUniqueString } from '@/src/utils';\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconO365Calendar',\n\n props: {\n /**\n * The size of the icon.\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\n size: {\n type: String,\n default: '500',\n validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n */\n ariaLabel: {\n type: String,\n default: undefined,\n },\n },\n\n /**\n * @TODO: Remove this emit once the icons migration is complete,\n * they will no longer need this event.\n * */\n emits: ['loaded'],\n\n computed: {\n iconSizeClass () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n\n ariaHidden () {\n return !this.ariaLabel ? 'true' : 'false';\n },\n\n dataQA () {\n return this.$attrs['data-qa'] ?? 'dt-icon';\n },\n },\n\n created () {\n this.$emit('loaded');\n this.uniqueID = getUniqueString();\n },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","getUniqueString"],"mappings":"kJAQAA,EAAA,CACA,KAAA,qBAEA,MAAA,CAKA,KAAA,CACA,KAAA,OACA,QAAA,MACA,UAAAC,GAAA,OAAA,KAAAC,GAAA,EAAA,SAAAD,CAAA,CACA,EAKA,UAAA,CACA,KAAA,OACA,QAAA,MACA,CACA,EAMA,MAAA,CAAA,QAAA,EAEA,SAAA,CACA,eAAA,CACA,OAAAC,EAAA,EAAA,KAAA,IAAA,CACA,EAEA,YAAA,CACA,OAAA,KAAA,UAAA,QAAA,MACA,EAEA,QAAA,CACA,OAAA,KAAA,OAAA,SAAA,GAAA,SACA,CACA,EAEA,SAAA,CACA,KAAA,MAAA,QAAA,EACA,KAAA,SAAAC,EAAAA,GACA,CACA"}