@dialpad/dialtone-icons
Version:
Dialtone icon library
1 lines • 5.59 kB
Source Map (JSON)
{"version":3,"file":"dpm-logo.cjs","sources":["../../../../src/icons/dpm-logo.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Dpm Logo\" class=\"d-icon d-icon--dpm-logo\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"24\" height=\"24\" rx=\"3.6\" fill=\"#F2F0EE\"/><path d=\"M17.054 13.57v-3.216c0-.294.158-.565.414-.71l1.84-1.047a.818.818 0 0 1 1.223.71v5.345a.818.818 0 0 1-1.233.705l-1.84-1.082a.818.818 0 0 1-.404-.706Z\" :fill=\"`url(#${uniqueID}a)`\"/><path d=\"M14.407 5.563a3 3 0 0 1 3.001 3v6.828c0 1.656-1.344 3-3 3H7.562a3 3 0 0 1-3-3V8.562a3 3 0 0 1 3-3h6.844Zm-.69 4.22v2.31c-.234-.357-.758-.632-1.308-.632-1.183 0-2.034.94-2.034 2.236 0 1.297.85 2.244 2.034 2.244.55 0 1.074-.283 1.308-.64v.557h.967V9.782h-.967Zm-1.15 2.518c.625 0 1.091.457 1.15 1.113v.549c-.059.657-.525 1.139-1.15 1.139-.7 0-1.2-.582-1.2-1.414 0-.83.5-1.387 1.2-1.387Zm-3.05-4.615c-.01-.068-.13-.085-.155-.021-.398 1.228-1.26 2.189-2.408 2.657-.056.027-.045.12.015.135.904.217 1.605 1.022 1.762 2.03.011.065.12.08.146.018.46-1.285 1.34-2.25 2.457-2.627.058-.026.045-.127-.017-.14-.925-.206-1.645-1.025-1.8-2.052Z\" fill=\"#10022C\"/><path d=\"M14.407 5.563a3 3 0 0 1 3.001 3v6.828c0 1.656-1.344 3-3 3H7.562a3 3 0 0 1-3-3V8.562a3 3 0 0 1 3-3h6.844Zm-.69 4.22v2.31c-.234-.357-.758-.632-1.308-.632-1.183 0-2.034.94-2.034 2.236 0 1.297.85 2.244 2.034 2.244.55 0 1.074-.283 1.308-.64v.557h.967V9.782h-.967Zm-1.15 2.518c.625 0 1.091.457 1.15 1.113v.549c-.059.657-.525 1.139-1.15 1.139-.7 0-1.2-.582-1.2-1.414 0-.83.5-1.387 1.2-1.387Zm-3.05-4.615c-.01-.068-.13-.085-.155-.021-.398 1.228-1.26 2.189-2.408 2.657-.056.027-.045.12.015.135.904.217 1.605 1.022 1.762 2.03.011.065.12.08.146.018.46-1.285 1.34-2.25 2.457-2.627.058-.026.045-.127-.017-.14-.925-.206-1.645-1.025-1.8-2.052Z\" :fill=\"`url(#${uniqueID}b)`\"/><defs><linearGradient :id=\"`${uniqueID}a`\" x1=\"10.987\" y1=\"2.72\" x2=\"23.248\" y2=\"4.266\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".06\" stop-color=\"#10022C\"/><stop offset=\".2\" stop-color=\"#611F93\"/><stop offset=\".29\" stop-color=\"#8223A1\"/><stop offset=\".366\" stop-color=\"#9325A5\"/><stop offset=\".459\" stop-color=\"#C52599\" stop-opacity=\".9\"/><stop offset=\".564\" stop-color=\"#D52C86\"/><stop offset=\".658\" stop-color=\"#EA2F6F\"/><stop offset=\".737\" stop-color=\"#F64850\"/><stop offset=\".896\" stop-color=\"#FD6D2D\"/><stop offset=\".955\" stop-color=\"#FF9E0E\" stop-opacity=\".95\"/></linearGradient><linearGradient :id=\"`${uniqueID}b`\" x1=\"2.555\" y1=\"2.796\" x2=\"17.788\" y2=\"18.411\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".06\" stop-color=\"#10022C\"/><stop offset=\".2\" stop-color=\"#611F93\"/><stop offset=\".29\" stop-color=\"#8223A1\"/><stop offset=\".366\" stop-color=\"#9325A5\"/><stop offset=\".459\" stop-color=\"#C52599\" stop-opacity=\".9\"/><stop offset=\".564\" stop-color=\"#D52C86\"/><stop offset=\".658\" stop-color=\"#EA2F6F\"/><stop offset=\".737\" stop-color=\"#F64850\"/><stop offset=\".896\" stop-color=\"#FD6D2D\"/><stop offset=\".955\" stop-color=\"#FF9E0E\" stop-opacity=\".95\"/></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: 'DtIconDpmLogo',\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","_createElementBlock","$props","_normalizeClass","$options","_createElementVNode","_ctx"],"mappings":"8KAQKA,EAAU,CACb,KAAM,gBAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,GAAmB,EAAE,SAASD,CAAC,GAM/D,UAAW,CACT,KAAM,OACN,QAAS,SAQb,MAAO,CAAC,QAAQ,EAEhB,SAAU,CACR,eAAiB,CACf,OAAOC,EAAAA,EAAoB,KAAK,IAAI,CACtC,EAEA,YAAc,CACZ,OAAQ,KAAK,UAAqB,QAAT,MAC3B,EAEA,QAAU,CACR,OAAO,KAAK,OAAO,SAAS,GAAK,SACnC,GAGF,SAAW,CACT,KAAK,MAAM,QAAQ,EACnB,KAAK,SAAWC,IAAe,CACjC,CACF,gIAtDEC,EAAAA,mBAAw5F,MAAA,CAAl5F,aAAYC,EAAA,UAAY,MAAKC,EAAAA,eAAA,CAAEC,EAAA,cAAiG,yBAAyB,CAAA,EAA1G,UAASA,EAAA,OAAS,cAAaA,EAAA,WAAY,KAAK,MAAM,YAAU,WAA2C,QAAQ,YAAY,MAAM,2CAA6BC,EAAAA,mBAAsD,OAAA,CAAhD,MAAM,KAAK,OAAO,KAAK,GAAG,MAAM,KAAK,qBAAWA,EAAAA,mBAA6L,OAAA,CAAvL,EAAE,uJAAwJ,aAAcC,EAAA,QAAQ,4BAAOD,EAAAA,mBAA+oB,OAAA,CAAzoB,EAAE,unBAAunB,KAAK,qBAAWA,EAAAA,mBAA6pB,OAAA,CAAvpB,EAAE,unBAAwnB,aAAcC,EAAA,QAAQ,gBAAOD,EAAAA,mBAA4pC,OAAA,KAAA,CAAtpCA,EAAAA,mBAAukB,iBAAA,CAAtjB,MAAOC,EAAA,QAAQ,IAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,cAAc,ukBAAueD,EAAAA,mBAAwkB,iBAAA,CAAvjB,MAAOC,EAAA,QAAQ,IAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,cAAc"}