@dialpad/dialtone-icons
Version:
Dialtone icon library
1 lines • 7.06 kB
Source Map (JSON)
{"version":3,"file":"zoho.cjs","sources":["../../../src/icons/zoho.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Zoho\" class=\"d-icon d-icon--zoho\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M22 10.473v4.742l-.656.64v-4.64l.656-.742Z\" fill=\"#E79225\"/><path d=\"m17.7 10.477-.68.738.035.047 4.261-.016.04-.031.644-.742-4.3.004Z\" fill=\"#FFF16D\"/><path d=\"M17.02 11.215h4.335v4.644H17.02v-4.644Z\" :fill=\"`url(#${uniqueID}a)`\"/><path 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\"/><path d=\"M16.594 10.086v.023l.554 4.262-.324.899-.043-.032-.57-4.086.012-.054.355-.989.016-.023Z\" fill=\"#009ADA\"/><path d=\"m12.324 10.68 4.27-.594-.36 1.023-.05.055-3.993.586.02-.73.113-.34Z\" fill=\"#91C9ED\"/><path d=\"m16.234 11.11.59 4.16-4.207.59-.566-4.02.246-.192 3.937-.539Z\" :fill=\"`url(#${uniqueID}b)`\"/><path 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\"/><path 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\"/><path d=\"m8.328 9 .395 1.324.007.028 3.758 1.683.012-.008-.32-1.265L8.328 9Z\" fill=\"#98D0A0\"/><path d=\"m8.723 10.324 3.777 1.703-1.707 3.871-3.777-1.703 1.707-3.87Z\" :fill=\"`url(#${uniqueID}c)`\"/><path 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\"/><path d=\"m6.508 9.613.617 4.133-.281 1.453-.04-.05-.6-3.993v-.078l.265-1.394.039-.07Z\" fill=\"#760D16\"/><path d=\"m2 11.75.293-1.46 4.215-.677-.285 1.489v.097l-4.172.59L2 11.75Z\" fill=\"#EF463E\"/><path d=\"m6.223 11.102.62 4.097-4.171.653L2 11.75l4.223-.648Z\" :fill=\"`url(#${uniqueID}d)`\"/><path 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\"/><defs><linearGradient :id=\"`${uniqueID}a`\" x1=\"19.187\" y1=\"11.281\" x2=\"19.187\" y2=\"15.719\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".006\" stop-color=\"#FFE513\"/><stop offset=\"1\" stop-color=\"#FDB924\"/></linearGradient><linearGradient :id=\"`${uniqueID}b`\" x1=\"12.266\" y1=\"11.75\" x2=\"16.601\" y2=\"15.266\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".006\" stop-color=\"#008CD2\"/><stop offset=\"1\" stop-color=\"#00649D\"/></linearGradient><linearGradient :id=\"`${uniqueID}c`\" x1=\"9.758\" y1=\"11.873\" x2=\"9.758\" y2=\"15.761\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#26A146\"/><stop offset=\"1\" stop-color=\"#008A52\"/></linearGradient><linearGradient :id=\"`${uniqueID}d`\" x1=\"4.118\" y1=\"11.491\" x2=\"4.762\" y2=\"15.532\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#D92231\"/><stop offset=\"1\" stop-color=\"#BA2234\"/></linearGradient></defs></svg>\n</template>\n\n<script>\nimport { getUniqueString } from '@/src/utils';\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconZoho',\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","ICON_SIZE_MODIFIERS","getUniqueString"],"mappings":"kJAQAA,EAAA,CACA,KAAA,aAEA,MAAA,CAKA,KAAA,CACA,KAAA,OACA,QAAA,MACA,UAAA,GAAA,OAAA,KAAAC,GAAA,EAAA,SAAA,CAAA,CACA,EAKA,UAAA,CACA,KAAA,OACA,QAAA,MACA,CACA,EAMA,MAAA,CAAA,QAAA,EAEA,SAAA,CACA,eAAA,CACA,OAAAA,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"}