UNPKG

@dialpad/dialtone-icons

Version:

Dialtone icon library

1 lines 3.02 kB
{"version":3,"file":"highfive.cjs","sources":["../../../src/icons/highfive.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Highfive\" class=\"d-icon d-icon--highfive\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\" fill=\"#fff\"/><path d=\"m6.762 17.235-1.833 1.833a9.968 9.968 0 0 0 7.07 2.928v-2.595a7.37 7.37 0 0 1-5.237-2.166Z\" fill=\"#F7AFFF\"/><path d=\"M4.595 11.998a7.405 7.405 0 0 1 7.407-7.406V2C6.478 2 2 6.478 2 11.998a9.967 9.967 0 0 0 2.929 7.07l1.833-1.833a7.379 7.379 0 0 1-2.167-5.237Z\" fill=\"#A26EEA\"/><path d=\"m17.235 6.762 1.833-1.833A9.968 9.968 0 0 0 11.998 2v2.595c2.046 0 3.897.826 5.237 2.167Z\" fill=\"#46B7FD\"/><path d=\"M22 11.998a9.967 9.967 0 0 0-2.929-7.07l-1.833 1.834a7.405 7.405 0 0 1-5.237 12.643V22C17.523 22 22 17.522 22 11.998Z\" fill=\"#5D70EA\"/><path d=\"M11.998 14.296a2.297 2.297 0 1 0 0-4.595 2.297 2.297 0 0 0 0 4.595Z\" fill=\"currentColor\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconHighfive',\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 },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","_hoisted_1","_hoisted_2","_createStaticVNode","_createElementBlock","$props","_normalizeClass","$options","_hoisted_8"],"mappings":"kIAOKA,EAAU,CACb,KAAM,iBAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,GAAmB,EAAE,SAASD,CAAC,CAC9D,EAKD,UAAW,CACT,KAAM,OACN,QAAS,MACV,CACF,EAMD,MAAO,CAAC,QAAQ,EAEhB,SAAU,CACR,eAAiB,CACf,OAAOC,EAAmB,EAAC,KAAK,IAAI,CACrC,EAED,YAAc,CACZ,OAAQ,KAAK,UAAqB,QAAT,MAC1B,EAED,QAAU,CACR,OAAO,KAAK,OAAO,SAAS,GAAK,SAClC,CACF,EAED,SAAW,CACT,KAAK,MAAM,QAAQ,CACpB,CACH,EArDAC,EAAA,CAAA,aAAA,UAAA,aAAA,EAAAC,EAAAC,EAAAA,kBAAA,4wBAAA,CAAA,KACyND,gDAAvNE,EAAk8B,mBAAA,MAAA,CAA57B,aAAYC,EAAS,UAAG,MADhCC,EAAAA,eAAA,CACuCC,EAAa,cAAoF,yBAAyB,CAAA,EAA1G,UAASA,EAAM,OAAG,cAAaA,EAAU,WAAE,KAAK,MAAM,YAAU,WAA2C,QAAQ,YAAY,MAAM,8BAD5LC,EAAA,GAAAP,CAAA"}