UNPKG

@dialpad/dialtone-icons

Version:
1 lines 3.56 kB
{"version":3,"file":"google-sheets.cjs","names":[],"sources":["../../../../src/icons/google-sheets.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Google Sheets\" class=\"d-icon d-icon--google-sheets\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.5 1A1.5 1.5 0 0 0 4 2.5v19A1.5 1.5 0 0 0 5.5 23h13a1.5 1.5 0 0 0 1.5-1.5V7l-6-6H5.5Z\" fill=\"#20A464\"/><path d=\"M5.5 23A1.5 1.5 0 0 1 4 21.5v-.25a1.5 1.5 0 0 0 1.5 1.5h13a1.5 1.5 0 0 0 1.5-1.5v.25a1.5 1.5 0 0 1-1.5 1.5h-13Z\" fill=\"#149456\"/><path d=\"M5.5 1A1.5 1.5 0 0 0 4 2.5v.25a1.5 1.5 0 0 1 1.5-1.5h8.75L14 1H5.5Z\" fill=\"#38AE74\"/><path d=\"M20 12.125V7l-.875-.875h-4.22a.375.375 0 0 0-.265.64l5.36 5.36Z\" :fill=\"`url(#${uniqueID}a)`\"/><path d=\"m14 1 6 6h-4.5A1.5 1.5 0 0 1 14 5.5V1Z\" fill=\"#8ED1B1\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 11.75V19H8v-7.25h8Zm-4.5 1H9V14h2.5v-1.25Zm1 1.25v-1.25H15V14h-2.5Zm-1 .75H9V16h2.5v-1.25Zm1 1.25v-1.25H15V16h-2.5Zm-1 .75H9V18h2.5v-1.25Zm1 1.25v-1.25H15V18h-2.5Z\" fill=\"#fff\"/><defs><linearGradient :id=\"`${uniqueID}a`\" x1=\"17.265\" y1=\"12.125\" x2=\"17.265\" y2=\"6\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#20A464\"/><stop offset=\"1\" stop-color=\"#207E55\"/></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: 'DtIconGoogleSheets',\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"],"mappings":"qKAQA,IAAK,EAAU,CACb,KAAM,qBAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAY,GAAM,OAAO,KAAK,EAAA,EAAoB,CAAC,SAAS,EAAE,CAC/D,CAKD,UAAW,CACT,KAAM,OACN,QAAS,IAAA,GACV,CACF,CAMD,MAAO,CAAC,SAAS,CAEjB,SAAU,CACR,eAAiB,CACf,OAAO,EAAA,EAAoB,KAAK,OAGlC,YAAc,CACZ,OAAQ,KAAK,UAAqB,QAAT,QAG3B,QAAU,CACR,OAAO,KAAK,OAAO,YAAc,WAEpC,CAED,SAAW,CACT,KAAK,MAAM,SAAS,CACpB,KAAK,SAAW,EAAA,GAAiB,EAEpC,uIAtDkqC,MAAA,CAA3pC,aAAY,EAAA,UAAY,OAAA,EAAA,EAAA,gBAAK,CAAE,EAAA,cAAsG,+BAA8B,CAAA,CAApH,UAAS,EAAA,OAAS,cAAa,EAAA,WAAY,KAAK,MAAM,YAAU,gBAAqD,QAAQ,YAAY,MAAM,oEAA+I,OAAA,CAA5G,EAAE,0FAA0F,KAAK,0DAAqJ,OAAA,CAApI,EAAE,kHAAkH,KAAK,0DAAyG,OAAA,CAAxF,EAAE,sEAAsE,KAAK,8CAAmH,OAAA,CAAlG,EAAE,kEAAmE,KAAI,QAAU,EAAA,SAAQ,oDAAwE,OAAA,CAA3D,EAAE,yCAAyC,KAAK,0DAAkP,OAAA,CAAjO,YAAU,UAAU,YAAU,UAAU,EAAE,0KAA0K,KAAK,2CAAwN,OAAA,KAAA,EAAA,EAAA,EAAA,oBAAP,iBAAA,CAAlL,GAAE,GAAK,EAAA,SAAQ,GAAK,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,cAAc,4DAA6C,OAAA,CAAtB,aAAW,UAAS,CAAA,KAAA,GAAA,EAAA,EAAA,EAAA,oBAAyC,OAAA,CAAjC,OAAO,IAAI,aAAW"}