@dialpad/dialtone-icons
Version:
Dialtone icon library
1 lines • 2.85 kB
Source Map (JSON)
{"version":3,"file":"calendar-heart.cjs","sources":["../../../src/icons/calendar-heart.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Calendar Heart\" class=\"d-icon d-icon--calendar-heart\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.13 6.627a1.715 1.715 0 0 1 1.868.369c.016.016.03.033.044.05.645.687.62 1.767-.137 2.531l-.004.004-1.8 1.775a.5.5 0 0 1-.703 0L6.6 9.576c-.772-.778-.79-1.89-.098-2.576a1.715 1.715 0 0 1 2.245-.157c.118-.088.246-.161.384-.217Zm.796.883a.715.715 0 0 0-.413.041l-.007.003a.69.69 0 0 0-.232.155l-.17.17a.5.5 0 0 1-.702.005l-.181-.176a.715.715 0 0 0-.78-.156l-.005.002a.67.67 0 0 0-.227.155l-.002.001c-.257.254-.324.73.101 1.161l1.442 1.426 1.447-1.426c.423-.428.355-.904.096-1.16a.512.512 0 0 1-.032-.036.715.715 0 0 0-.335-.165Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.5 1.5A1.5 1.5 0 0 0 1 3v7c0 .826.674 1.5 1.5 1.5H6a.5.5 0 0 0 0-1H2.5A.503.503 0 0 1 2 10V5.5h8.5A.5.5 0 0 0 11 5V3a1.5 1.5 0 0 0-1.5-1.5h-1V1a.5.5 0 0 0-1 0v.5h-3V1a.5.5 0 0 0-1 0v.5h-1ZM10 3a.5.5 0 0 0-.5-.5h-1V3a.5.5 0 0 1-1 0v-.5h-3V3a.5.5 0 0 1-1 0v-.5h-1A.5.5 0 0 0 2 3v1.5h8V3Z\" fill=\"currentColor\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconCalendarHeart',\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"],"mappings":"+GAOAA,EAAA,CACA,KAAA,sBAEA,MAAA,CAKA,KAAA,CACA,KAAA,OACA,QAAA,MACA,UAAAC,GAAA,OAAA,KAAAC,GAAA,EAAA,SAAAD,CAAA,CACA,EAKA,UAAA,CACA,KAAA,OACA,QAAA,MACA,CACA,EAMA,MAAA,CAAA,QAAA,EAEA,SAAA,CACA,eAAA,CACA,OAAAC,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,CACA,CACA"}