@dialpad/dialtone-icons
Version:
Dialtone icon library
1 lines • 3.27 kB
Source Map (JSON)
{"version":3,"file":"visa.cjs","sources":["../../../src/icons/visa.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Visa\" class=\"d-icon d-icon--visa\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\".25\" y=\"3.75\" width=\"23.5\" height=\"16.5\" rx=\"1.75\" fill=\"#fff\" stroke=\"#E3E5E8\" stroke-width=\".5\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.25 14.792H5.78l-1.103-4.333c-.053-.2-.164-.376-.327-.459A4.694 4.694 0 0 0 3 9.542v-.167h2.37c.327 0 .572.25.613.542l.573 3.125 1.47-3.667h1.43L7.25 14.792Zm3.024 0H8.886l1.144-5.417h1.39l-1.145 5.417Zm2.942-3.916c.041-.292.286-.459.573-.459.45-.042.94.042 1.348.25l.246-1.166a3.43 3.43 0 0 0-1.267-.251c-1.349 0-2.33.75-2.33 1.792 0 .792.695 1.208 1.186 1.458.53.25.735.417.694.667 0 .375-.409.541-.817.541a3.42 3.42 0 0 1-1.43-.333l-.246 1.167c.49.208 1.022.292 1.512.292 1.512.04 2.452-.709 2.452-1.834 0-1.417-1.92-1.5-1.92-2.124ZM20 14.792l-1.103-5.417h-1.185a.616.616 0 0 0-.573.417l-2.043 5h1.43l.286-.792h1.758l.163.792H20Zm-2.084-3.958.408 2.041H17.18l.736-2.041Z\" fill=\"#172B85\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconVisa',\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","_createElementVNode","_hoisted_2","_hoisted_3","_createElementBlock","$props","_normalizeClass","$options","_hoisted_4"],"mappings":"kIAOKA,EAAU,CACb,KAAM,aAEN,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,IACiNC,EAA4G,mBAAA,OAAA,CAAtG,EAAE,MAAM,EAAE,OAAO,MAAM,OAAO,OAAO,OAAO,GAAG,OAAO,KAAK,OAAO,OAAO,UAAU,eAAa,iBAAMA,EAAsuB,mBAAA,OAAA,CAAhuB,YAAU,UAAU,YAAU,UAAU,EAAE,sqBAAsqB,KAAK,uBAAv0BC,EAA4GC,gDAA3TC,EAAuiC,mBAAA,MAAA,CAAjiC,aAAYC,EAAS,UAAG,MADhCC,EAAAA,eAAA,CACuCC,EAAa,cAAgF,qBAAqB,CAAA,EAAlG,UAASA,EAAM,OAAG,cAAaA,EAAU,WAAE,KAAK,MAAM,YAAU,OAAmC,QAAQ,YAAY,MAAM,8BADpLC,EAAA,GAAAR,CAAA"}