@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
29 lines (27 loc) • 2.14 kB
JavaScript
import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
import { iconSize, updateContextData } from '@justeattakeaway/pie-icons-configs/configs-vue';
export default {
name: 'IconNumberInput',
props: {
size: iconSize.regular,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--numberInput', 'IconNumberInput');
return h('svg', _mergeJSXProps([{
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
role: 'presentation',
focusable: 'false',
fill: 'currentColor',
viewBox: '0 0 16 16',
},
}, ctx.data]), [h('path', {
attrs: {
'fill-rule': 'evenodd',
d: 'M12.215 2.31c.813 0 1.475.662 1.475 1.475v8.43c0 .813-.662 1.475-1.475 1.475h-8.43a1.477 1.477 0 0 1-1.475-1.475v-8.43c0-.813.662-1.475 1.475-1.475zm-1.03 3.701q-.476 0-.825.133a1.8 1.8 0 0 0-.614.387l.614.702a.9.9 0 0 1 .321-.21 1.1 1.1 0 0 1 .404-.073.74.74 0 0 1 .337.07.24.24 0 0 1 .142.23.3.3 0 0 1-.044.157.3.3 0 0 1-.133.106.5.5 0 0 1-.213.04h-.454v.836h.49q.228 0 .362.074.133.075.133.24 0 .105-.074.185a.46.46 0 0 1-.215.12 1.2 1.2 0 0 1-.342.043 1.3 1.3 0 0 1-.437-.07 1.1 1.1 0 0 1-.354-.202l-.607.732q.254.24.605.36.35.117.863.118.39 0 .7-.086t.528-.239.333-.363a.91.91 0 0 0 .024-.84 1 1 0 0 0-.256-.31 1.2 1.2 0 0 0-.39-.204q.183-.083.31-.212.126-.13.2-.295a.873.873 0 0 0-.115-.89 1.3 1.3 0 0 0-.522-.391 1.9 1.9 0 0 0-.77-.148m-3.498.036q-.484 0-.879.142a1.7 1.7 0 0 0-.637.383l.578.732a1.23 1.23 0 0 1 .826-.307q.224 0 .354.082a.26.26 0 0 1 .13.23.3.3 0 0 1-.035.143.4.4 0 0 1-.125.127q-.089.061-.256.144a12 12 0 0 1-.434.2 2.9 2.9 0 0 0-.608.355 1.25 1.25 0 0 0-.374.475 1.7 1.7 0 0 0-.126.693v.507h3.15v-.896H7.244v-.013q0-.047.067-.106.068-.058.234-.141.165-.083.46-.213.389-.16.643-.356.254-.198.377-.443.125-.245.125-.54 0-.377-.186-.647a1.2 1.2 0 0 0-.514-.41 1.9 1.9 0 0 0-.764-.141m-4.508.608.36.885.631-.23v2.607h1.074V6.083H4.53z',
'clip-rule': 'evenodd',
},
})]);
},
};