@frontend_zz/icon 0.6.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.json +23 -1
  2. package/CHANGELOG.md +13 -2
  3. package/Icon.collection.d.ts +4 -6
  4. package/Icon.collection.js +267 -130
  5. package/Icon.collection.zorgsoorten.d.ts +3 -0
  6. package/Icon.collection.zorgsoorten.js +99 -0
  7. package/Icon.content.json +109 -3
  8. package/Icon.css.js +17 -37
  9. package/Icon.d.ts +122 -7
  10. package/Icon.js +23 -10
  11. package/Icon.types.d.ts +6 -0
  12. package/Icon.types.js +1 -0
  13. package/package.json +3 -2
  14. package/tsconfig.tsbuildinfo +1 -1
package/Icon.collection.zorgsoorten.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { IconDict } from './Icon.types.js';
2
+ export type IconNames = 'aanvullendeVerzekering' | 'alternatieveGeneeswijze' | 'ambulancevervoer' | 'beweegprogramma' | 'brillenEnLenzen' | 'buitenland' | 'epileren' | 'ergoEnFysiotherapie' | 'geneesmiddelen' | 'hoorapparaten' | 'huidtherapie' | 'huisarts' | 'hulpmiddelen' | 'implantaten' | 'kraamzorg' | 'oefentherapie' | 'orthodontie' | 'preventieveCursussen' | 'psychologischeZorg' | 'steunzolen' | 'tandarts' | 'vaccinaties' | 'verloskunde' | 'vervoer' | 'voetzorg' | 'wijkverpleging' | 'ziekenhuis';
3
+ export declare const zorgsoortIcons: IconDict<IconNames>;
package/Icon.collection.zorgsoorten.js ADDED
@@ -0,0 +1,99 @@
1
+ import content from './Icon.content.json';
2
+ export const zorgsoortIcons = {
3
+ aanvullendeVerzekering: {
4
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.aanvullendeVerzekering}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M18.75 6a.75.75 0 0 0-.75-.75h-3.75V1.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75v3.75H6a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75h3.75v3.75c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75V9.75H18a.75.75 0 0 0 .75-.75V6Zm-15 17.25-2.014-2.381a4.5 4.5 0 0 1-.986-2.811v-5.171a1.5 1.5 0 0 1 1.5-1.5h0a1.5 1.5 0 0 1 1.5 1.5v3.75"/><path d="M8.25 23.25v-3a4.5 4.5 0 0 0-.757-2.5l-1.142-1.71a1.4 1.4 0 0 0-1.977-.44h0a1.4 1.4 0 0 0-.474 1.787l1.352 2.25M20.25 23.25l2.014-2.381a4.5 4.5 0 0 0 .986-2.811v-5.171a1.5 1.5 0 0 0-1.5-1.5h0a1.5 1.5 0 0 0-1.5 1.5v3.75"/><path d="M15.75 23.25v-3c0-.89.263-1.76.757-2.5l1.142-1.712a1.4 1.4 0 0 1 1.977-.444h0a1.4 1.4 0 0 1 .476 1.791l-1.352 2.25"/></g></svg>`,
5
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.aanvullendeVerzekering}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.5" d="M42.4 15.2a1.6 1.6 0 0 0-1.6-1.6h-8v-8A1.6 1.6 0 0 0 31.2 4h-6.4a1.6 1.6 0 0 0-1.6 1.6v8h-8a1.6 1.6 0 0 0-1.6 1.6v6.4a1.6 1.6 0 0 0 1.6 1.6h8v8a1.6 1.6 0 0 0 1.6 1.6h6.4a1.6 1.6 0 0 0 1.6-1.6v-8h8a1.6 1.6 0 0 0 1.6-1.6v-6.4Z"/><path stroke-width="2" d="m10.4 52-4.297-5.08A9.6 9.6 0 0 1 4 40.925V29.892a3.2 3.2 0 0 1 3.2-3.2h0a3.2 3.2 0 0 1 3.2 3.2v8"/><path stroke-width="2" d="M20 52v-6.4a9.6 9.6 0 0 0-1.615-5.333l-2.436-3.648a2.987 2.987 0 0 0-4.218-.939h0a2.987 2.987 0 0 0-1.011 3.812l2.884 4.8M45.6 52l4.297-5.08A9.6 9.6 0 0 0 52 40.925V29.892a3.2 3.2 0 0 0-3.2-3.2h0a3.2 3.2 0 0 0-3.2 3.2v8"/><path stroke-width="2" d="M36 52v-6.4a9.6 9.6 0 0 1 1.615-5.333l2.436-3.653a2.987 2.987 0 0 1 4.218-.947h0a2.987 2.987 0 0 1 1.015 3.821l-2.884 4.8"/></g></svg>`,
6
+ },
7
+ alternatieveGeneeswijze: {
8
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.alternatieveGeneeswijze}</text><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M12.019 13.631a8.1 8.1 0 0 1-3-6 7.913 7.913 0 0 1 2.486-5.546.735.735 0 0 1 1.029 0 7.917 7.917 0 0 1 2.485 5.546 8.1 8.1 0 0 1-3 6Z"/><path d="M14.94 6.581A8.555 8.555 0 0 1 19.8 5.1c.411 0 .745.333.747.744a7.906 7.906 0 0 1-2.164 5.663 8.1 8.1 0 0 1-6.364 2.121M9.1 6.592A8.484 8.484 0 0 0 4.2 5.1a.749.749 0 0 0-.749.744 7.906 7.906 0 0 0 2.161 5.666 8.182 8.182 0 0 0 6.407 2.121M19.5 14.625c0 2.071-3.358 3.75-7.5 3.75-4.142 0-7.5-1.675-7.5-3.75"/><path d="M22.31 11.622c.601.886.928 1.93.938 3 0 4.142-5.037 7.5-11.25 7.5S.748 18.767.748 14.625c.01-1.07.336-2.114.936-3"/></g></svg>`,
9
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 54 54" role="img"><text class="visually-hidden">${content.labels.alternatieveGeneeswijze}</text><g fill="none" fill-rule="evenodd"><path d="M-687-2327h847V972h-847z"/><g stroke-linecap="round" stroke-linejoin="round"><path d="M28.045 31.08a17.28 17.28 0 0 1-6.4-12.8 16.881 16.881 0 0 1 5.303-11.832 1.568 1.568 0 0 1 2.195 0 16.89 16.89 0 0 1 5.302 11.832 17.28 17.28 0 0 1-6.4 12.8Z" stroke-width="2"/><path d="M34.276 16.04a18.25 18.25 0 0 1 10.368-3.16c.877.001 1.59.71 1.594 1.587a16.866 16.866 0 0 1-4.617 12.081 17.28 17.28 0 0 1-13.576 4.525M21.818 16.063a18.1 18.1 0 0 0-10.454-3.183c-.878 0-1.592.71-1.598 1.587a16.866 16.866 0 0 0 4.61 12.088 17.455 17.455 0 0 0 13.669 4.525" stroke-width="2"/><path d="M44.004 33.2c0 4.418-7.163 8-16 8-8.836 0-16-3.573-16-8" stroke-width="1.5"/><path d="M49.999 26.794a11.599 11.599 0 0 1 2.001 6.4c0 8.836-10.746 16-24 16S4 42.036 4 33.2c.021-2.283.716-4.51 1.997-6.4" stroke-width="1.5"/></g></g></svg>`,
10
+ },
11
+ ambulancevervoer: {
12
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.ambulancevervoer}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" transform="translate(.75 2.25)"><path d="M7.5 13.5v-9A1.5 1.5 0 0 1 9 3h12a1.5 1.5 0 0 1 1.5 1.5V15a1.5 1.5 0 0 1-1.5 1.5h-.878M7.5 13.628V4.5H4.171a1.5 1.5 0 0 0-1.455 1.136L2.25 8.25.668 9.305A1.5 1.5 0 0 0 0 10.55V15a1.5 1.5 0 0 0 1.5 1.5h3.128"/><circle cx="6.75" cy="15.75" r="2.25"/><circle cx="18" cy="15.75" r="2.25"/><path d="M8.872 16.5h7.006M15.75 2.25a2.25 2.25 0 1 0-4.5 0V3h4.5v-.75ZM15 6.75v4.5M12.75 9h4.5"/></g></svg>`,
13
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.ambulancevervoer}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" transform="translate(3 8)"><path stroke-width="2" d="M17 30.333v-20A3.333 3.333 0 0 1 20.333 7H46.67A3.33 3.33 0 0 1 50 10.333v23.334A3.33 3.33 0 0 1 46.67 37h-1.621M17 30.284V10H9.269a3.333 3.333 0 0 0-3.233 2.524L5 18l-3.516 2.678A3.333 3.333 0 0 0 0 23.444V33.67A3.33 3.33 0 0 0 3.333 37h6.951"/><circle cx="15" cy="35" r="5" stroke-width="2"/><circle cx="40" cy="35" r="5" stroke-width="2"/><path stroke-width="2" d="M19.716 37h15.568"/><path stroke-width="1.5" d="M35 5a5 5 0 0 0-10 0v2h10V5Zm3.143 12.429H35.57v-2.572a.857.857 0 0 0-.857-.857h-3.428a.857.857 0 0 0-.857.857v2.572h-2.572a.857.857 0 0 0-.857.857v3.428c0 .474.384.857.857.857h2.572v2.572c0 .473.383.857.857.857h3.428a.857.857 0 0 0 .857-.857V22.57h2.572a.857.857 0 0 0 .857-.857v-3.428a.857.857 0 0 0-.857-.857Z"/></g></svg>`,
14
+ },
15
+ beweegprogramma: {
16
+ medium: `<svg class="fill=stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.beweegprogramma}</text><path fill-rule="evenodd" stroke-width=".25" d="m12.573 1.003-.122.014a2.835 2.835 0 0 0-2.436 2.295c-.033.177-.043.3-.043.508 0 .208.01.332.042.509A2.832 2.832 0 0 0 12.2 6.582c.218.047.313.056.593.056.167 0 .295-.004.351-.012a2.92 2.92 0 0 0 1.197-.439 2.842 2.842 0 0 0 1.226-1.796 2.99 2.99 0 0 0 .018-1.048 2.834 2.834 0 0 0-2.406-2.323 5.521 5.521 0 0 0-.606-.017m.042.979a1.86 1.86 0 0 0-1.56 1.22 1.843 1.843 0 0 0 .726 2.16c.55.364 1.255.404 1.846.107.524-.264.88-.74.991-1.326a1.4 1.4 0 0 0 .021-.323c0-.182-.003-.231-.02-.323a1.861 1.861 0 0 0-.763-1.19 2.194 2.194 0 0 0-.483-.242 1.877 1.877 0 0 0-.758-.083m-3.81 3.23c-.345.04-.659.163-.933.368-.175.131-.225.189-1.512 1.76a251.55 251.55 0 0 0-1.314 1.61 3.921 3.921 0 0 0-.77 1.995 5.103 5.103 0 0 0 0 .684c.065.55.215 1.02.468 1.465a3.791 3.791 0 0 0 1.501 1.47.219.219 0 0 1-.063.023c-.751.198-1.546.694-2.082 1.302a4.32 4.32 0 0 0-1.036 3.618 4.3 4.3 0 0 0 3.369 3.469L6.55 23l5.207-.003 5.207-.003.108-.02a2.24 2.24 0 0 0 .954-.418c.386-.29.68-.734.798-1.202a4.56 4.56 0 0 0 .086-.516c.014-.135.006-.43-.015-.572a2.446 2.446 0 0 0-.935-1.582c-.185-.14-.27-.186-.841-.456a44.712 44.712 0 0 1-.382-.181l-.085-.042.695-2.402.695-2.401.07-.002c.991-.028 1.725-.384 2.136-1.034.155-.247.265-.56.324-.928a2.43 2.43 0 0 0-.22-1.43 2.383 2.383 0 0 0-1.101-1.096 2.496 2.496 0 0 0-.898-.245c-.025-.003-.029-.009-.06-.101a1.889 1.889 0 0 0-1.554-1.279 2.443 2.443 0 0 0-.553.01c-.046.008-.826.18-1.733.38-.906.201-1.653.364-1.659.361-.006-.002-.599-.508-1.318-1.125-1.385-1.187-1.417-1.212-1.635-1.32-.31-.151-.7-.22-1.037-.181m.08.976a.914.914 0 0 0-.534.275c-.09.094-2.487 3.024-2.572 3.143-.227.32-.399.715-.479 1.1-.045.22-.052.294-.051.572 0 .297.011.393.075.646a2.765 2.765 0 0 0 1.457 1.81c.157.078.204.096.857.325.557.194.664.234.774.29a1.685 1.685 0 0 1 .928 1.517c0 .245 0 .243-.262 1.2-.098.36-.183.681-.19.715-.013.08-.005.261.016.34.025.095.098.241.16.32a.844.844 0 0 0 1.433-.197 114.374 114.374 0 0 0 .623-2.29 2.742 2.742 0 0 0-.52-2.392 4.087 4.087 0 0 0-.426-.425 2.967 2.967 0 0 0-.712-.41 22.524 22.524 0 0 0-1.247-.42c-.469-.14-.543-.163-.614-.199a.965.965 0 0 1-.53-.758.964.964 0 0 1 .172-.653c.095-.128 1.585-1.94 1.628-1.978a.484.484 0 0 1 .575-.041c.032.021.479.4.994.84.515.44.968.824 1.007.853.211.158.5.28.78.33.117.022.402.03.522.016.05-.007.967-.205 2.037-.442 1.499-.333 1.962-.439 2.023-.463a.98.98 0 0 0 .57-.647.694.694 0 0 0 .025-.219.72.72 0 0 0-.06-.326.979.979 0 0 0-.315-.4.94.94 0 0 0-.664-.16c-.046.007-.886.192-1.865.409-1.753.389-1.782.395-1.86.39a.42.42 0 0 1-.237-.074c-.033-.022-.681-.573-1.442-1.224-.76-.652-1.401-1.199-1.424-1.216a1.05 1.05 0 0 0-.301-.136.95.95 0 0 0-.352-.02M18.3 9.494a1.945 1.945 0 0 1-1.392 1.309c-.122.03-3.701.825-3.825.849a2.818 2.818 0 0 1-2.137-.439c-.138-.094-.141-.097-.956-.793l-.728-.62c-.013-.011-.087.075-.607.71a21.2 21.2 0 0 0-.585.729c.005.004.19.06.411.126.358.107.967.31 1.284.43a3.726 3.726 0 0 1 2.372 2.902 3.99 3.99 0 0 1 0 1.168.316.316 0 0 0-.007.094 152.693 152.693 0 0 1 3.274 1.468c.187.086.344.155.348.152.003-.003.334-1.14.734-2.525.4-1.385.74-2.543.754-2.574a.484.484 0 0 1 .415-.279c.037 0 .131.004.209.01.37.033.806-.034 1.089-.166.38-.179.578-.475.654-.979a1.43 1.43 0 0 0-1.233-1.611l-.062-.006-.012.045M7.183 15.407a3.399 3.399 0 0 0-3.03 2.293 4.477 4.477 0 0 0-.119.46c-.04.214-.051.34-.052.603 0 .263.011.393.053.613a3.322 3.322 0 0 0 2.521 2.626l.11.024 5.097-.003c4.765-.002 5.102-.004 5.168-.018.164-.038.315-.1.445-.186.097-.062.268-.234.332-.331.108-.165.157-.3.2-.553.051-.3.04-.523-.04-.763a1.436 1.436 0 0 0-.642-.803 21.854 21.854 0 0 0-.623-.302c-.459-.217-.57-.267-.628-.278a.574.574 0 0 1-.246-.115c-.046-.04-.219-.123-1.254-.596-1-.458-2.565-1.155-2.594-1.155-.004 0-.097.336-.207.747-.11.41-.215.789-.233.84a1.828 1.828 0 0 1-2.304 1.127 2.013 2.013 0 0 1-.572-.317 1.828 1.828 0 0 1-.632-1.76c.01-.049.11-.422.221-.829l.203-.74.001-.126a.53.53 0 0 0-.021-.196.499.499 0 0 0-.061-.14l-.12-.03a3.075 3.075 0 0 0-.643-.093 4.859 4.859 0 0 0-.18-.007l-.15.008"/></svg>`,
17
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.beweegprogramma}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.75" d="m37.65 42.398 3.708-12.827s4.655.698 5.412-3.093a4.375 4.375 0 0 0-4.64-5.412h-.275"/><path stroke-width="1.5" d="M18.125 47.382a4.422 4.422 0 0 1-2.526-5.73"/><path stroke-width="1.75" d="M24.89 9.333a5.333 5.333 0 1 0 10.666 0 5.333 5.333 0 0 0-10.666 0M17.195 33.434a7.466 7.466 0 0 1-5.316-6.77 7.838 7.838 0 0 1 1.882-5.353l5.35-6.538a3.2 3.2 0 0 1 4.56-.403l6.249 5.358 8.044-1.785a3.2 3.2 0 0 1 3.891 2.967 3.317 3.317 0 0 1-2.673 3.315l-8.39 1.865a5.333 5.333 0 0 1-4.627-1.157l-4.174-3.573-3.475 4.25a1.067 1.067 0 0 0 .518 1.706l2.02.606 1.707.597a7.394 7.394 0 0 1 4.693 8.9l-1.31 4.87a3.036 3.036 0 0 1-3.614 2.17h0a3.038 3.038 0 0 1-2.25-3.776l.853-3.127a2.773 2.773 0 0 0-1.728-3.339l-2.21-.783Z"/><path stroke-width="1.75" d="M20.642 35.103a15.485 15.485 0 0 0-1.066-.28 8.847 8.847 0 0 0-10.41 6.937A8.693 8.693 0 0 0 16.13 52h22.99a3.878 3.878 0 0 0 3.86-3.464 4.422 4.422 0 0 0-2.617-4.943s-6.937-3.33-12.991-5.903"/></g></svg>`,
18
+ },
19
+ brillenEnLenzen: {
20
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.brillenEnLenzen}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><circle cx="5.25" cy="17.25" r="4.5"/><circle cx="18.75" cy="17.25" r="4.5"/><path d="M9.75 17.25h4.5M.75 17.25v-12a3 3 0 0 1 3-3h.75M23.25 17.25v-12a3 3 0 0 0-3-3h-.75"/></g></svg>`,
21
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.brillenEnLenzen}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" transform="translate(4 7)"><path stroke-width="2" d="M19.2 32h9.6M0 32V6.4A6.4 6.4 0 0 1 6.4 0H8M48 32V6.4A6.4 6.4 0 0 0 41.6 0H40"/><circle cx="9.6" cy="32" r="9.6" stroke-width="2"/><path stroke-width="1.5" d="M14.2 32a4.6 4.6 0 0 0-4.6-4.6M43.2 32a4.6 4.6 0 0 0-4.6-4.6"/><circle cx="38.4" cy="32" r="9.6" stroke-width="2"/></g></svg>`,
22
+ },
23
+ buitenland: {
24
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 32 32" role="img"><text class="visually-hidden">${content.labels.buitenland}</text><g transform="matrix(1.3333333333333333,0,0,1.3333333333333333,0,0)"><path d="M0.750 12.000 A11.250 11.250 0 1 0 23.250 12.000 A11.250 11.250 0 1 0 0.750 12.000 Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M7.079,15.75a1.5,1.5,0,0,0,1.455-1.864l-.75-3A1.5,1.5,0,0,0,6.329,9.75H.976A11.246,11.246,0,0,0,4.992,20.792L6,15.75Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M20.985,5.25H16.921a1.5,1.5,0,0,0-1.455,1.136l-.75,3a1.5,1.5,0,0,0,1.455,1.864H17.75L18.541,16a1.5,1.5,0,0,0,1.48,1.253h1.925a11.2,11.2,0,0,0-.961-12Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg>`,
25
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.buitenland}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round"><path stroke-width="2" d="M41.855 30.1A19.465 19.465 0 0 0 43 23.5C43 12.73 34.27 4 23.5 4S4 12.73 4 23.5c0 10.52 8.331 19.095 18.756 19.486"/><path stroke-linejoin="round" stroke-width="1.5" d="m10.992 8.374 11.265 4.267a3.2 3.2 0 0 1 2.014 3.627l-.667 3.345a3.2 3.2 0 0 1-2.364 2.477l-4.436 1.107-2.462 6.156A6.381 6.381 0 0 1 11.95 32.3l-3.904 2.682m28.483-25.61-3.13 6.24a3.2 3.2 0 0 0-.173 2.444c.516 1.963.912 3.144 1.188 3.545.265.385 2.794 1.518 7.586 3.399"/><path stroke-linejoin="round" stroke-width="2" d="M24.507 34h26a1.5 1.5 0 0 1 1.5 1.5v15.06a1.5 1.5 0 0 1-1.5 1.5h-26a1.5 1.5 0 0 1-1.5-1.5V35.5a1.5 1.5 0 0 1 1.5-1.5Z"/><path stroke-linejoin="round" stroke-width="1.5" d="M30 34v18m15-18v18"/><path stroke-linejoin="round" stroke-width="2" d="M32.806 34v-1.198a4.8 4.8 0 1 1 9.6 0V34h-9.6Z"/></g></svg>`,
26
+ },
27
+ epileren: {
28
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.epileren}</text><g fill="none" fill-rule="evenodd"><path stroke-linecap="round" stroke-linejoin="bevel" stroke-width="1.5" d="M1.333 12.064h21.334"/><g transform="translate(5 6.398)"><circle cx="4.333" cy="12" r="1"/><circle cx="7.667" cy="15.333" r="1"/><circle cx="1" cy="15.333" r="1"/><circle cx="10.333" cy="12" r="1"/><circle cx="13.667" cy="15.333" r="1"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M.889 8.695S.072 2 1.572 0"/><circle cx="1" cy="9" r="1"/></g><g transform="rotate(6 -34.956 121.686)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M.889 8.695S.072 2 1.572 0"/><circle cx="1" cy="9" r="1"/></g><g transform="rotate(18 7.307 66.565)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M.889 8.695S.072 2 1.572 0"/><circle cx="1" cy="9" r="1"/></g></g></svg>`,
29
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.epileren}</text><g fill="none" fill-rule="evenodd"><path d="M2.798 28.476h51.048"/><g transform="translate(11.572 14.916)"><circle cx="10.369" cy="28.715" r="2.393"/><circle cx="18.346" cy="36.691" r="2.393"/><circle cx="2.393" cy="36.691" r="2.393"/><circle cx="24.727" cy="28.715" r="2.393"/><circle cx="32.703" cy="36.691" r="2.393"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.126 20.806S.172 4.786 3.761 0"/><circle cx="2.393" cy="21.536" r="2.393"/></g><g transform="rotate(6 -80.094 287.237)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.126 20.806S.172 4.786 3.761 0"/><circle cx="2.393" cy="21.536" r="2.393"/></g><g transform="rotate(18 18.528 157.847)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.126 20.806S.172 4.786 3.761 0"/><circle cx="2.393" cy="21.536" r="2.393"/></g></g></svg>`,
30
+ },
31
+ ergoEnFysiotherapie: {
32
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.ergoEnFysiotherapie}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><circle cx="13.125" cy="3.375" r="2.625"/><circle cx="19.875" cy="20.625" r="2.625"/><path d="M13.875 23.25h-5.25a1.5 1.5 0 0 1-1.286-.728L5.525 19.5h-2.9a1.5 1.5 0 0 1 0-3h3.75a1.5 1.5 0 0 1 1.286.728l1.814 3.022h4.4a1.5 1.5 0 0 1 0 3Z"/><path d="M8.625 23.25h-6a1.5 1.5 0 0 1-1.5-1.5M15.375 12.658a1.5 1.5 0 0 1-1.135 1.454l-.728.182a1.5 1.5 0 1 0 .726 2.912l.73-.183c2.004-.5 3.41-2.3 3.407-4.365V12a3 3 0 0 0-3-3h-4.342a4.5 4.5 0 0 0-3.744 2l-1.664 2.5"/></g></svg>`,
33
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.ergoEnFysiotherapie}</text><g fill="none" fill-rule="evenodd" transform="translate(5 5)"><circle cx="42" cy="40" r="6" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m14.442 44.93-4.4-8.558H3.423a3.423 3.423 0 1 1 0-6.846h8.558a3.42 3.42 0 0 1 2.935 1.661l4.14 5.966c7.963-.102 12.736-.148 14.32-.139 1.505.009 2.2.903 2.693 1.704m.665 4.53A3.424 3.424 0 0 1 33.377 46h-16.26m-.001 0H3.423A3.423 3.423 0 0 1 0 42.577"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.698 39.367H3.423A3.423 3.423 0 0 0 0 42.791m32.52-20.964a3.423 3.423 0 0 1-2.59 3.319l-1.66.415a3.423 3.423 0 0 0 .825 6.746c.28 0 .56-.035.831-.1l1.666-.418a10.254 10.254 0 0 0 7.775-9.962v-1.501a6.847 6.847 0 0 0-6.846-6.847h-1.498m-7.488 0h-.923c-3.432-.002-6.477 1.608-8.545 4.564-1.378 1.971-4.284 5.763-8.718 11.376m9.093.07 4.814-5.884v12.907"/><path stroke-width="2" d="M27.278 15.188c-.429 0-.843-.059-1.24-.17-.673-.19-1.291-.543-1.847-1.02-1.713-1.47-2.796-4.194-2.796-7.529 0-.284.02-.56.036-.768C21.717 2.13 23.903 0 27.278 0c1.601 0 5.376.556 5.848 5.708.023.255.035.51.035.761 0 3.422-1.137 6.204-2.93 7.646a4.77 4.77 0 0 1-2.953 1.073"/><path stroke-linecap="round" stroke-width="2" d="M36.372 29.419v8.023"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M29.953 46H17.116c-2.14 0-3.209-1.197-3.209-2.674 0-1.477 1.07-2.675 3.21-2.675h12.836"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M23.7 14c1.125 4 2.291 6 3.5 6s2.375-2 3.5-6"/></g></svg>`,
34
+ },
35
+ geneesmiddelen: {
36
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 32 32" role="img"><text class="visually-hidden">${content.labels.geneesmiddelen}</text><g transform="matrix(1.3333333333333333,0,0,1.3333333333333333,0,0)"><path d="M14.205,2.37,2.538,14.038a5.25,5.25,0,0,0,7.424,7.424L21.63,9.8A5.25,5.25,0,0,0,14.205,2.37Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M15.266 16.159L7.841 8.734" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M15.8,5.022a2.249,2.249,0,0,1,3.182,0h0" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg>`,
37
+ },
38
+ hoorapparaten: {
39
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.hoorapparaten}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M25.925 52c13.255 0 24-10.745 24-24s-10.745-24-24-24h-4.027c-6.19.001-11.208 5.02-11.208 11.21v4.34"/><path d="M25.74 52a7.583 7.583 0 0 1 0-15.165c11.138 0 17.362-14.924 6.785-21.973l-1.572-1.017M34.786 4l-4.554 11.653M46.504 10.984l-2.067 1.755M50.092 17.475l-1.97 1.342M17.273 19.407v-3.17a5.592 5.592 0 0 1 5.592-5.593h0c2.202 0 7.008.27 8.802 1.228"/><path d="M10.681 14.954a9.118 9.118 0 1 0 12.414 10.045 9.116 9.116 0 0 0-5.835-10.156"/></g></svg>`,
40
+ },
41
+ huidtherapie: {
42
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.huidtherapie}</text><g fill="none" fill-rule="evenodd" transform="translate(4 13.5)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M48 .5H0"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48 13.5c-4.117-2.699-10.997-8.35-18.827-2.307a8.335 8.335 0 0 1-10.24 0h0C11.322 5.317 4.67 10.443 0 13.5"/><circle cx="10" cy="19.5" r="2"/><circle cx="24" cy="19.5" r="2"/><circle cx="38" cy="19.5" r="2"/><circle cx="2" cy="27.5" r="2"/><circle cx="17" cy="27.5" r="2"/><circle cx="31" cy="27.5" r="2"/><circle cx="46" cy="27.5" r="2"/></g></svg>`,
43
+ },
44
+ huisarts: {
45
+ medium: `<svg class="fill-stroke" viewBox="0 0 32 32" role="img"><text class="visually-hidden">${content.labels.huisarts}</text><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8.943 25.519A14.09 14.09 0 0 0 4.308 31m25.269 0a13.985 13.985 0 0 0-12.634-8m0-16s-1.912 4.8-6.708 4.993a7 7 0 1 0 13.416 0C18.853 11.796 16.943 7 16.943 7Zm-15 10a2 2 0 1 0 4 0 2 2 0 1 0-4 0Z"/><path d="M21.943 23a5 5 0 0 1-10 0"/><path d="M5.943 17.125a4 4 0 0 1 3 3.875v7a3 3 0 0 0 3 3h2a3.001 3.001 0 0 0 3-3m-11-16a11 11 0 0 1 22 0v2.768a6 6 0 0 0 .485 2.363l1.839 4.281a2 2 0 0 1-1.016 2.615 19.445 19.445 0 0 1-4.522 1.341"/></g></svg>`,
46
+ },
47
+ hulpmiddelen: {
48
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.hulpmiddelen}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><rect width="21" height="15" x="1.5" y="6.75" rx="3"/><path d="M7.5 6.75v-3A1.5 1.5 0 0 1 9 2.25h6a1.5 1.5 0 0 1 1.5 1.5v3M12 11.231v6m-3-3h6"/></g></svg>`,
49
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.hulpmiddelen}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" transform="translate(4 6)"><rect width="48" height="34" y="10" stroke-width="2" rx="3"/><path stroke-width="2" d="M14 10V3.429C14 1.535 15.492 0 17.333 0h13.334C32.507 0 34 1.535 34 3.429V10H14Z"/><path stroke-width="1.5" d="M30.857 23.571H27.43v-3.428c0-.631-.512-1.143-1.143-1.143h-4.572c-.63 0-1.143.512-1.143 1.143v3.428h-3.428c-.631 0-1.143.512-1.143 1.143v4.572c0 .63.512 1.143 1.143 1.143h3.428v3.428c0 .631.512 1.143 1.143 1.143h4.572c.63 0 1.143-.512 1.143-1.143V30.43h3.428c.631 0 1.143-.512 1.143-1.143v-4.572c0-.63-.512-1.143-1.143-1.143Z"/></g></svg>`,
50
+ },
51
+ implantaten: {
52
+ medium: `<svg class="fill size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.implantaten}</text><path fill-rule="evenodd" stroke-width=".25" d="M8.72 1.004A5.072 5.072 0 0 0 4.296 4.35a4.922 4.922 0 0 0-.294 1.602c-.006.242.003.403.045.778a10.241 10.241 0 0 0 1.394 4.12c.239.399.29.464.411.533.105.06.106.06.892.06h.713v.69c0 .536.003.708.014.775.083.542.46.99.98 1.163.183.06.342.08.647.08l.165.001-.002 1.184-.003 1.184-.222.035c-.122.02-.245.04-.274.047a.516.516 0 0 0-.313.246.497.497 0 0 0 .158.65c.141.092.223.105.451.07a5.7 5.7 0 0 0 .184-.03l.021-.006v.919c0 .505-.002.918-.004.918-.026 0-.494.08-.53.091a.535.535 0 0 0-.33.36.598.598 0 0 0 .005.236.45.45 0 0 0 .133.23c.1.1.212.15.342.15.034 0 .176-.019.315-.04a1.57 1.57 0 0 1 .26-.032c.005.005.282.54.616 1.19.333.649.618 1.197.631 1.219.07.11.216.2.352.218.103.013 2.15.013 2.252 0a.526.526 0 0 0 .352-.217c.041-.067 1.392-2.696 1.412-2.752.018-.047.02-.08.024-.31.002-.14.005-.256.007-.256.038 0 .741-.121.778-.134a.51.51 0 0 0 .302-.316.603.603 0 0 0 .005-.29.52.52 0 0 0-.326-.342c-.093-.032-.17-.029-.467.02l-.286.043c-.008 0-.01-.225-.01-.915v-.915l.357-.056c.366-.058.44-.075.51-.119a.541.541 0 0 0 .218-.28.617.617 0 0 0 .004-.285.488.488 0 0 0-.203-.28.484.484 0 0 0-.22-.08c-.064-.01-.094-.007-.347.033-.152.024-.286.046-.298.049l-.022.005v-1.442l.166-.001c.305 0 .464-.02.646-.081a1.46 1.46 0 0 0 .98-1.162c.011-.068.014-.24.014-.777v-.69h.517c.562 0 .57 0 .682-.054.078-.039.133-.093.256-.251a9.426 9.426 0 0 0 1.918-4.753c.019-.167.02-.222.016-.427-.004-.13-.013-.3-.02-.38a5.074 5.074 0 0 0-2-3.566 5.029 5.029 0 0 0-2.839-1.009 4.646 4.646 0 0 0-1.916.391 4.853 4.853 0 0 0-1.293.833.417.417 0 0 1-.077.06.348.348 0 0 1-.07-.055 4.802 4.802 0 0 0-1.058-.725 4.576 4.576 0 0 0-2.013-.502 6.096 6.096 0 0 0-.284.001m.096 1a4.079 4.079 0 0 0-2.363.943 5.88 5.88 0 0 0-.515.52 4.066 4.066 0 0 0-.888 1.967 4.304 4.304 0 0 0-.028.967 9.32 9.32 0 0 0 1.3 3.97l.042.067 5.628-.002c3.096 0 5.633-.004 5.639-.007a6.88 6.88 0 0 0 .295-.414c.554-.83.976-1.82 1.194-2.8.143-.643.192-1.118.155-1.504a4.046 4.046 0 0 0-1.134-2.478 3.95 3.95 0 0 0-1.427-.952c-.508-.201-1.078-.304-1.523-.274a3.658 3.658 0 0 0-1.438.383c-.32.158-.603.348-.853.574l-.039.034.03.024c.231.192.602.384.913.474.194.056.35.08.6.096a.735.735 0 0 1 .2.027.503.503 0 0 1-.033.958 1.736 1.736 0 0 1-.451 0c-.865-.092-1.68-.513-2.326-1.203-.47-.5-.726-.707-1.162-.937a3.71 3.71 0 0 0-1.816-.433m-.36 10.089c0 .71 0 .71.056.813a.547.547 0 0 0 .182.182.77.77 0 0 0 .098.039c.047.014.348.015 3.387.015 3.04 0 3.34-.001 3.388-.015a.466.466 0 0 0 .326-.349c.005-.031.01-.304.01-.694v-.642H8.455v.651m1.816 3.161v1.103l.377-.06 1.907-.303 1.53-.243v-1.6h-3.814v1.103M12.612 17l-1.9.303-.44.07v.916c0 .504.003.916.006.916.01 0 3.751-.595 3.782-.602l.026-.005v-.917c0-.504-.003-.916-.007-.916L12.612 17m-.323 2.901-1.778.285c-.01.003.104.233.448.902l.462.898h1.516l.574-1.114.574-1.115v-.07c.001-.06 0-.069-.016-.068-.009 0-.81.127-1.78.282"/></svg>`,
53
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.implantaten}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="2" d="M43.134 7.293a10.436 10.436 0 0 1 2.817 7.461 20.373 20.373 0 0 1-4.383 10.835H14.631a22.344 22.344 0 0 1-3.626-10.835C10.827 9.004 15.335 4.194 21.084 4a9.752 9.752 0 0 1 7.393 3.49A9.763 9.763 0 0 1 35.87 4a10.436 10.436 0 0 1 7.264 3.293h0Z"/><path stroke-width="2" d="M28.554 7.56c2.188 2.287 4.55 2.375 5.16 2.375"/><path stroke-width="1.5" d="M30.976 52h-4.847l-3.092-6.01V31.772H34.07V45.99L30.979 52zM38.212 25.59H18.896v3.99c0 1.21.981 2.192 2.192 2.192H36.02c1.211 0 2.193-.981 2.193-2.192v-3.99h0Z"/><path stroke-width="2" d="m36.609 43.671-15.575 2.477M36.609 37.157l-15.575 2.477"/></g></svg>`,
54
+ },
55
+ kraamzorg: {
56
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 32 32" role="img"><text class="visually-hidden">${content.labels.kraamzorg}</text><g transform="matrix(1.3333333333333333,0,0,1.3333333333333333,0,0)"><path d="M15.75,23.063h-1.5a3,3,0,0,1-3-3H10.5a1.5,1.5,0,0,1,0-3h.75a3,3,0,0,1,3,3h1.5v-3a1.5,1.5,0,0,1,3,0v3A3,3,0,0,1,15.75,23.063Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M18.750 20.813 A2.250 2.250 0 1 0 23.250 20.813 A2.250 2.250 0 1 0 18.750 20.813 Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M9.375 3.563 A2.625 2.625 0 1 0 14.625 3.563 A2.625 2.625 0 1 0 9.375 3.563 Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M.75,13.313,6.371,7.075a1.5,1.5,0,0,1,2.614.775c.024.156.639,3.963,3.765,3.963a1.5,1.5,0,0,1,0,3,6.408,6.408,0,0,1-5.843-3.794A19.992,19.992,0,0,0,3,22.892v.171" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg>`,
57
+ },
58
+ oefentherapie: {
59
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.oefentherapie}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-width="1.5" transform="translate(1 .754)"><circle cx="10.993" cy="2.625" r="2.625" stroke-linejoin="round"/><path stroke-linejoin="round" d="M10.993 16.5V21m8.339-13.998a1.5 1.5 0 0 0-2.08.416A1.9 1.9 0 0 1 15 8.146a11.36 11.36 0 0 0-7.988 0 1.9 1.9 0 0 1-2.259-.728 1.502 1.502 0 1 0-2.5 1.664 4.893 4.893 0 0 0 5.741 1.9V21a1.5 1.5 0 0 0 3 0 1.5 1.5 0 0 0 3 0L14 10.976a4.886 4.886 0 0 0 5.748-1.894 1.5 1.5 0 0 0-.416-2.08Z"/><path d="m1.225 4.247 2.897-.776M.483 3.41 1 5.344m3.347-2.969.517 1.932m13.361-.837 2.897.777M18 2.375l-.517 1.932m4.381-.897-.517 1.933"/></g></svg>`,
60
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.oefentherapie}</text><g fill="none" fill-rule="evenodd"><path d="M-687-2247h847v3299h-847z"/><g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M27.986 38.508v9M44.664 19.512a3 3 0 0 0-4.16.832A3.8 3.8 0 0 1 36 21.8a22.72 22.72 0 0 0-15.976 0 3.8 3.8 0 0 1-4.518-1.456 3.003 3.003 0 1 0-5 3.328 9.786 9.786 0 0 0 11.482 3.8v20.036a3 3 0 0 0 6 0 3 3 0 0 0 6 0L34 27.46a9.894 9.894 0 0 0 3.348.588 9.772 9.772 0 0 0 8.148-4.376 3 3 0 0 0-.832-4.16Z"/><g stroke-linecap="round" stroke-width="2"><path d="m6.907 14.75 6.88-1.843M5.147 12.765l1.228 4.586M14.32 10.307l1.228 4.586"/></g><g stroke-linecap="round" stroke-width="2"><path d="m42.907 12.907 6.88 1.844M42.376 10.307l-1.23 4.586M51.548 12.765l-1.228 4.586"/></g><path stroke-width="2" d="M28 19.909a3.87 3.87 0 0 1-1.054-.145 4.136 4.136 0 0 1-1.57-.866C23.92 17.648 23 15.333 23 12.498c0-.241.016-.476.03-.653C23.274 8.811 25.131 7 28 7c1.36 0 4.569.473 4.97 4.852.02.216.03.433.03.646 0 2.908-.967 5.273-2.49 6.498a4.054 4.054 0 0 1-2.51.913"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M25.25 20.75c.843 3 1.718 4.5 2.625 4.5s1.782-1.5 2.625-4.5"/></g></g></svg>`,
61
+ },
62
+ orthodontie: {
63
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.orthodontie}</text><g fill="none" fill-rule="evenodd"><path d="M-383-2727h847V572h-847z"/><g stroke-width="1.5" transform="translate(1 1)"><path d="M1.75 8.25h5m9 0h5"/><rect width="7" height="7" x="7.75" y="5" rx="1"/><path d="M11 8.5h.5m8.535 2.45c-.67 1.112-1.198 1.99-1.026 3.388.236 1.91.299 7.662-1.846 7.662-3.218 0-.805-6.333-6.168-6.333C5.63 15.667 8.045 22 4.827 22c-2.145 0-2.072-5.752-1.836-7.663.17-1.398-.357-2.276-1.026-3.388-.43-.714-.966-1.604-1.47-2.906-.86-2.212-.582-4.743.709-6.446C1.702.94 2.564.133 3.849.02c.168-.013.332-.02.493-.02C5.69 0 6.846.477 7.97.94c1.024.422 1.991.821 3.03.821 1.04 0 2.007-.399 3.031-.821 1.257-.52 2.556-1.053 4.12-.92 1.284.112 2.147.919 2.644 1.576 1.291 1.703 1.57 4.234.712 6.446-.506 1.302-1.04 2.193-1.472 2.907Z"/></g></g></svg>`,
64
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.orthodontie}</text><g fill="none" fill-rule="evenodd" transform="translate(4 4)"><path stroke-width="2" d="M43.714 23.891c-1.463 2.426-2.615 4.34-2.24 7.393C41.99 35.45 42.125 48 37.445 48c-7.021 0-1.756-14-13.457-14-11.702 0-6.436 14-13.457 14C5.85 48 6.01 35.45 6.527 31.281c.372-3.05-.78-4.966-2.24-7.392-.94-1.558-2.107-3.499-3.208-6.34C-.798 12.723-.191 7.2 2.626 3.484 3.713 2.05 5.596.291 8.398.046 8.764.015 9.122 0 9.474 0c2.938 0 5.462 1.04 7.915 2.05 2.235.922 4.344 1.793 6.613 1.793 2.268 0 4.377-.87 6.612-1.793C33.356.92 36.19-.247 39.602.046c2.803.245 4.685 2.004 5.77 3.438 2.816 3.717 3.426 9.24 1.553 14.065-1.105 2.841-2.272 4.784-3.211 6.342Z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 18h15m4 0h6m4 0h15"/><rect width="14" height="14" x="17" y="11" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" rx="1"/></g></svg>`,
65
+ },
66
+ preventieveCursussen: {
67
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.preventieveCursussen}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="2" d="M28 52c-1.126-3.548-8.412-7.68-20.998-8.248A3.2 3.2 0 0 1 4 40.537V12.055a3.2 3.2 0 0 1 3.428-3.2c8.246.427 14.097 2.4 17.402 4.704M28 52c1.126-3.548 8.412-7.68 20.998-8.248A3.2 3.2 0 0 0 52 40.537v-18.94"/><path stroke-width="1.5" d="M22.33 21.114a52.134 52.134 0 0 0-11.892-2.774M22.33 29.252a53.37 53.37 0 0 0-11.892-2.773M22.33 37.88a53.86 53.86 0 0 0-12-2.774"/><path stroke-width="2" d="M28 24.8V52"/><path stroke-width="1.5" d="M39.2 4v3.2M28.937 9.269l2.263 2.264m18.263-2.264L47.2 11.533"/><path stroke-width="2" d="M39.2 29.6v3.2M45.6 20a6.4 6.4 0 1 0-9.6 5.512V29.6h6.4v-4.088A6.37 6.37 0 0 0 45.6 20Z"/></g></svg>`,
68
+ },
69
+ psychologischeZorg: {
70
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.psychologischeZorg}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M19.258 23v-6.126a9.154 9.154 0 0 0 2.75-8.54M3.932 8.333c-.639 1.512-1.226 3.166-1.883 4.87a.734.734 0 0 0 .684.997h1.858v2.933a2.933 2.933 0 0 0 2.933 2.934h1.467V23m9.533-21.38c2.233.538 3.667 1.37 3.667 2.313 0 1.62-4.268 2.934-9.533 2.934M5.324 5.808c-1.369-.509-2.2-1.162-2.2-1.875C3.124 2.313 7.392 1 12.658 1m2.932.367c.203 0 .368.164.368.366"/><path d="M15.224 1.733c0-.202.164-.366.367-.366m-.001.733a.367.367 0 0 1-.366-.367m.734 0a.367.367 0 0 1-.367.367M8.99 5.767c.203 0 .368.164.368.366"/><path d="M8.624 6.133c0-.202.164-.366.367-.366M8.99 6.5a.367.367 0 0 1-.366-.367m.734 0a.367.367 0 0 1-.367.367"/></g></svg>`,
71
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.psychologischeZorg}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="2" d="M43.653 52V38.635A19.972 19.972 0 0 0 49.652 20m-39.437 0c-1.393 3.298-2.675 6.908-4.109 10.624A1.602 1.602 0 0 0 7.6 32.8h4.053v6.4a6.4 6.4 0 0 0 6.4 6.4h3.2V52"/><path stroke-width="1.5" d="M42.053 5.355c4.87 1.17 8 2.986 8 5.045 0 3.535-9.312 6.4-20.8 6.4m-16-2.31c-2.987-1.11-4.8-2.535-4.8-4.09 0-3.535 9.312-6.4 20.8-6.4"/><path stroke-width="2" d="M35.653 4.8a.8.8 0 0 1 .8.8m-1.6 0a.8.8 0 0 1 .8-.8m0 1.6a.8.8 0 0 1-.8-.8m1.6 0a.8.8 0 0 1-.8.8m-14.4 8a.8.8 0 0 1 .8.8m-1.6 0a.8.8 0 0 1 .8-.8m0 1.6a.8.8 0 0 1-.8-.8"/><path stroke-width="2" d="M22.053 15.2a.8.8 0 0 1-.8.8"/></g></svg>`,
72
+ },
73
+ steunzolen: {
74
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.steunzolen}</text><g fill="none" fill-rule="evenodd" stroke="#0054AD"><g stroke-linecap="round" stroke-linejoin="round"><path stroke-width="2" d="M27.13 31.405a8.395 8.395 0 0 1 2.015 16.542 2.652 2.652 0 0 0-2.015 2.574 2.706 2.706 0 0 0 2.706 2.706h17.437a3.357 3.357 0 0 0 3.357-3.357V6.227a3.357 3.357 0 0 0-3.357-3.357H44.4a6.715 6.715 0 0 0-5.788 3.31L27.13 31.405Z"/><path stroke-width="1.75" d="M43.916 53.227V2.87"/><path stroke-width="1.5" d="m35.523 26.37-4.192-4.192m7.549-2.522-4.4-4.401"/></g><path stroke-width="2" d="M15.337 3c1.616 0 3.047.723 4.266 1.92 1.437 1.409 2.582 3.46 3.404 5.859 1.716 5.008 2.01 11.53.373 17.226-1.16 4.032-1.252 8.462-1.327 12.543-.076 4.16-.09 7.954-1.454 10.437-.461.84-1.09 1.513-1.966 1.962-.86.441-1.943.666-3.296.666-1.388 0-2.497-.216-3.38-.645-.88-.429-1.518-1.073-1.986-1.885-1.368-2.375-1.41-6.033-1.524-10.195-.11-4.018-.242-8.497-1.386-12.86-1.566-6.284-1.246-12.669.442-17.47.83-2.358 1.986-4.33 3.427-5.68C12.193 3.694 13.675 3 15.337 3Z"/><path stroke-linecap="round" stroke-width="1.5" d="M15.294 39.694v6.862"/></g></svg>`,
75
+ },
76
+ tandarts: {
77
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.tandarts}</text><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M15 6.037c-1.04.646-2.036.967-2.988.963-.952-.004-1.956-.338-3.012-1" stroke-linecap="round"/><path d="M21.035 11.95c-.67 1.112-1.198 1.99-1.026 3.388.236 1.91.299 7.662-1.846 7.662-3.218 0-.805-6.333-6.168-6.333C6.63 16.667 9.045 23 5.827 23c-2.145 0-2.072-5.752-1.836-7.663.17-1.398-.357-2.276-1.026-3.388-.43-.714-.966-1.604-1.47-2.906-.86-2.212-.582-4.743.709-6.446.498-.657 1.36-1.464 2.645-1.576.168-.014.332-.021.493-.021 1.347 0 2.504.477 3.628.94 1.024.422 1.991.821 3.03.821 1.04 0 2.007-.399 3.031-.821 1.257-.519 2.556-1.053 4.12-.919 1.284.112 2.147.919 2.644 1.576 1.291 1.703 1.57 4.234.712 6.446-.506 1.302-1.04 2.193-1.472 2.907Z"/></g></svg>`,
78
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.tandarts}</text><g fill="none" fill-rule="evenodd"><path d="M-431-2647h847V652h-847z"/><g><path d="M47.714 27.891c-1.463 2.426-2.615 4.34-2.24 7.393C45.99 39.45 46.125 52 41.445 52c-7.021 0-1.756-14-13.457-14-11.702 0-6.436 14-13.457 14-4.681 0-4.522-12.55-4.005-16.719.372-3.05-.78-4.966-2.24-7.392-.94-1.558-2.107-3.499-3.208-6.34C3.202 16.723 3.809 11.2 6.626 7.484c1.087-1.434 2.97-3.193 5.772-3.438.366-.031.724-.046 1.076-.046 2.938 0 5.462 1.04 7.915 2.05 2.235.922 4.344 1.793 6.613 1.793 2.268 0 4.377-.87 6.612-1.793 2.742-1.13 5.576-2.297 8.988-2.004 2.803.245 4.685 2.004 5.77 3.438 2.816 3.717 3.426 9.24 1.553 14.065-1.105 2.841-2.272 4.784-3.211 6.342Z" stroke-width="2"/><path d="M35.304 13.073c-2.53 1.293-4.956 1.935-7.274 1.927-2.319-.008-4.764-.675-7.334-2" stroke-width="1.5" stroke-linecap="round"/></g></g></svg>`,
79
+ },
80
+ vaccinaties: {
81
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 24 24" role="img"><text class="visually-hidden">${content.labels.vaccinaties}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m7.814 18.822-3.145-3.145a1.483 1.483 0 0 1 0-2.097l8.91-8.91 5.24 5.238-8.91 8.911a1.483 1.483 0 0 1-2.095.003Zm-5.241.001 2.62-2.621 2.097 2.096-2.62 2.621zM1 22.491l2.621-2.621m8.386-16.773 8.387 8.387"/><path d="m15.152 6.242 3.67-3.67 2.096 2.097-3.669 3.67zM17.249 1l5.242 5.242M13.58 10.96l2.096 2.096m-5.241 1.049 2.096 2.096"/></g></svg>`,
82
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.vaccinaties}</text><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="2" d="m18.487 45.123-7.61-7.61a3.587 3.587 0 0 1 0-5.074l21.562-21.56 12.674 12.675-21.559 21.562a3.587 3.587 0 0 1-5.067.007Z"/><path stroke-width="2" d="m5.806 45.124 6.341-6.341 5.073 5.072-6.341 6.342z"/><path stroke-width="1.5" d="m2 54 6.342-6.342"/><path stroke-width="2" d="m28.634 7.075 20.291 20.291M36.243 14.684l8.878-8.878 5.073 5.073-8.878 8.878z"/><path stroke-width="1.5" d="M41.316 1.5 54 14.184M32.439 26.099l5.072 5.072m-12.682 2.537 5.072 5.073"/></g></svg>`,
83
+ },
84
+ verloskunde: {
85
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 32 32" role="img"><text class="visually-hidden">${content.labels.verloskunde}</text><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 5.167a.5.5 0 0 1 .5.5m-1 0a.5.5 0 0 1 .5-.5m0 1a.5.5 0 0 1-.5-.5m1 0a.5.5 0 0 1-.5.5M15.917 8a52.25 52.25 0 0 1 14.471 3.079A1 1 0 0 1 30 13H10m16.37 0C28.4 16.59 31 21.644 31 24a7 7 0 0 1-14 0c0-2.356 2.6-7.41 4.63-11M24 7l4-4m-4 4-4-4"/><path d="M10 13a6 6 0 1 0-6-6v12a3 3 0 0 1-3 3"/><path d="M10 13s2 8.687 2 12a6 6 0 0 1-6 6"/></g></svg>`,
86
+ },
87
+ vervoer: {
88
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 32 32" role="img"><text class="visually-hidden">${content.labels.vervoer}</text><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 26.95v2a2 2 0 0 0 4 0v-2m20 0v2a2 2 0 0 1-4 0v-2m6-2a2 2 0 0 1-2 2H4a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z"/><path d="M6.667 14.95h18.666A2.667 2.667 0 0 1 28 17.618v5.334h0H4h0v-5.334a2.667 2.667 0 0 1 2.667-2.666Z"/><path d="M8 18.45a.5.5 0 0 1 .5.5m-1 0a.5.5 0 0 1 .5-.5m0 1a.5.5 0 0 1-.5-.5m1 0a.5.5 0 0 1-.5.5m16-1a.5.5 0 0 1 .5.5m-1 0a.5.5 0 0 1 .5-.5m0 1a.5.5 0 0 1-.5-.5m1 0a.5.5 0 0 1-.5.5m-10-.5h4m8-3.915V4.95a4 4 0 0 0-4-4H10a4 4 0 0 0-4 4v10.084M6 4.95h20m-10 0v10m-10-8H4a2 2 0 0 0-2 2v4m24-6h2a2 2 0 0 1 2 2v4"/></g></svg>`,
89
+ },
90
+ voetzorg: {
91
+ large: `<svg class="fill-stroke size-large" viewBox="0 0 56 56" role="img"><text class="visually-hidden">${content.labels.voetzorg}</text><g fill="none" fill-rule="evenodd" stroke="#0054AD" stroke-linecap="round" stroke-linejoin="round" transform="translate(9 4)"><path stroke-width="2" d="M15.86 11.701A7.774 7.774 0 0 0 6.4 19.29a10.21 10.21 0 0 0 5.645 9.132A12.947 12.947 0 0 1 19.2 40a8 8 0 0 0 16 0V26.268a12.8 12.8 0 0 0-10.027-12.495L15.86 11.7Z"/><circle cx="4.8" cy="4.8" r="4.8" stroke-width="2"/><circle cx="17.2" cy="3.2" r="3.2" stroke-width="2"/><circle cx="27" cy="6.2" r="3" stroke-width="2"/><circle cx="35.5" cy="11.2" r="2.5" stroke-width="2"/><path stroke-width="1.5" d="M12.9 28.6c1.603.855 3.58 1.379 5.438 1.475 1.645.085 4.025.462 6.028 1.285m3.046 1.563c.709.412 1.322.81 1.588 1.077"/></g></svg>`,
92
+ },
93
+ wijkverpleging: {
94
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 32 32" role="img"><text class="visually-hidden">${content.labels.wijkverpleging}</text><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M7 23.799a3 3 0 1 0 6 0 3 3 0 1 0-6 0Zm9-2.999h8.333A2.667 2.667 0 0 1 27 23.467V26.8h0-11 0v-6h0Z"/><path d="M16 26.799H5v4m22-4v4m0-22.667v8.667m-22 0V8.132M1 10.8l13.89-9.263a2 2 0 0 1 2.22 0L31 10.8"/></g></svg>`,
95
+ },
96
+ ziekenhuis: {
97
+ medium: `<svg class="fill-stroke size-medium" viewBox="0 0 32 32" role="img"><text class="visually-hidden">${content.labels.ziekenhuis}</text><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 31V21a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10H8M2 13v18m16-12v-4.975M4 7a6 6 0 1 0 12 0A6 6 0 1 0 4 7Zm6-2v4M8 7h4M6 19h2m-2 6h2m9 2.025h2m4 0h2m-8-4h2m4 0h2"/></svg>`,
98
+ },
99
+ };
package/Icon.content.json CHANGED
@@ -1,9 +1,115 @@
1
1
  {
2
2
  "labels": {
3
- "close": "Sluiten",
3
+ "//1": "--- General ---",
4
+ "chat": "Chat",
5
+ "check": "Vinkje",
6
+ "checkCircle": "Vinkje",
7
+ "chevronDown": "Punthaakje naar beneden",
8
+ "chevronLeft": "Punthaakje naar links",
9
+ "chevronLeftDouble": "Dubbel punthaakje naar links",
10
+ "chevronRight": "Punthaakje naar rechts",
11
+ "chevronRightDouble": "Dubbel punthaakje naar rechts",
12
+ "circularArrows": "Circulaire pijltjes",
13
+ "cogwheel": "Tandwiel",
14
+ "coinsStack": "Muntgeld",
15
+ "coinsStackMagnifyingGlass": "Muntgeld met vergrootglas",
16
+ "cross": "Kruis",
17
+ "crossCircle": "Kruis",
18
+ "document": "Document",
19
+ "documentArrowRight": "Document met pijl naar rechts",
20
+ "documentArrowUp": "Document met pijl naar boven",
21
+ "documentCheck": "Document met vinkje",
22
+ "documentMagnify": "Document met vergrootglas",
23
+ "documentStack": "Gestapelde documenten",
24
+ "dotsHorizontal": "Download",
25
+ "download": "Download",
26
+ "exclamationMarkDiamond": "Uitroepteken in ruit",
27
+ "exclamationMarkTriangle": "Uitroepteken in driehoek",
28
+ "externalLink": "Externe link",
29
+ "facetedSphere": "Bol met facetten",
4
30
  "filter": "Filter",
31
+ "financialDocument": "Document met geldsymbool",
32
+ "financialDocumentArrow": "Financieel document met pijl naar rechts",
33
+ "financialEnvelope": "Financiële envelope",
34
+ "financialEnvelopeFilled": "Financiële envelope",
35
+ "folder": "Map",
36
+ "globeWithSuitcase": "Wereldbol met koffer",
37
+ "heartBeat": "Hartslag",
38
+ "heartInCircle": "Hartje in cirkel",
39
+ "heartInRectangle": "Hartje in rechthoek",
40
+ "heartWithArrow": "Hartje met pijl omhoog",
41
+ "home": "Huis",
42
+ "homeFilled": "Huis",
43
+ "hourglass": "Zandloper",
44
+ "iDEAL": "Ideal betaalmethode",
5
45
  "infoCircle": "Informatie",
6
- "restore": "Herstel",
7
- "verzekerde": "Verzekerde"
46
+ "leaf": "Blad",
47
+ "letterUnderMagnifyingGlass": "Letter onder vergrootglas",
48
+ "letterWithCheckmark": "Letter met vinkje",
49
+ "locationPin": "Locatieprikker",
50
+ "logout": "Uitloggen",
51
+ "magnifyingGlass": "Vergrootglas",
52
+ "magnifyingGlassMoney": "Vergrootglas met euroteken",
53
+ "medicalCross": "Medisch kruis",
54
+ "medicalDocument": "Medisch document",
55
+ "medicalDocumentFilled": "Medisch document",
56
+ "medicalDocumentShield": "Medisch document met schild",
57
+ "medicalLocation": "Telefoon met medisch kruis",
58
+ "medicalPhone": "Telefoon met medisch kruis",
59
+ "medicalShield": "Schild met medisch kruis",
60
+ "moneyBag": "Zak met geld",
61
+ "paperclip": "Bijlage",
62
+ "padlockClosed": "Gesloten hangslot",
63
+ "paperPlane": "Papieren vliegtuigje",
64
+ "pencil": "Potlood",
65
+ "percentSign": "Procentteken",
66
+ "person": "Persoon",
67
+ "personFilled": "Persoon",
68
+ "personCircleFilled": "Persoon",
69
+ "personCirclePlus": "Persoon met plusteken",
70
+ "personHeadsetChatBubble": "Persoon met headset en tekstballon",
71
+ "persons": "Personen",
72
+ "personSpeechBubble": "Persoon met tekstballon",
73
+ "phone": "Telefoon",
74
+ "pieChart": "Taartgrafiek",
75
+ "pieLineGraph": "Kader met taart- en lijngrafiek",
76
+ "pieLineGraphFilled": "Kader met taart- en lijngrafiek",
77
+ "plasticCard": "Pas",
78
+ "plasticCardFilled": "Pas",
79
+ "plus": "Plusteken",
80
+ "questionMarkCircle": "Vraagteken in cirkel",
81
+ "rubbishBin": "Vuilnisbak",
82
+ "speechBubbleWithHeart": "Tekstballon met hartje",
83
+ "sun": "Zon",
84
+ "writingPen": "Schrijvende pen",
85
+ "wallet": "Portemonnee",
86
+ "//2": "--- Zorgsoorten ---",
87
+ "aanvullendeVerzekering": "Aanvullende verzekering",
88
+ "alternatieveGeneeswijze": "Alternatieve geneeswijze",
89
+ "ambulancevervoer": "Ambulancevervoer",
90
+ "beweegprogramma": "Beweegprogramma",
91
+ "buitenland": "Buitenland",
92
+ "brillenEnLenzen": "Brillen en lenzen",
93
+ "epileren": "Epileren",
94
+ "ergoEnFysiotherapie": "Ergotherapie en fysiotherapie",
95
+ "geneesmiddelen": "Geneesmiddelen",
96
+ "hoorapparaten": "Hoorapparaten",
97
+ "huidtherapie": "Huidtherapie",
98
+ "huisarts": "Huisarts",
99
+ "hulpmiddelen": "Hulpmiddelen",
100
+ "implantaten": "Implantaten",
101
+ "kraamzorg": "Kraamzorg",
102
+ "oefentherapie": "Oefentherapie",
103
+ "orthodontie": "Orthodontie",
104
+ "preventieveCursussen": "Preventieve cursussen",
105
+ "psychologischeZorg": "Psychologische zorg",
106
+ "steunzolen": "Steunzolen",
107
+ "tandarts": "Tandarts",
108
+ "vaccinaties": "Vaccinaties",
109
+ "verloskunde": "Verloskunde",
110
+ "vervoer": "Vervoer",
111
+ "voetzorg": "Voetzorg",
112
+ "wijkverpleging": "Wijkverpleging",
113
+ "ziekenhuis": "Ziekenhuis"
8
114
  }
9
115
  }
package/Icon.css.js CHANGED
@@ -4,55 +4,19 @@ export default css `
4
4
  --icon-background: transparent;
5
5
 
6
6
  display: inline-block;
7
- height: var(--icon-height);
8
- width: var(--icon-width);
9
7
  }
10
8
 
11
9
  :host([disabled]) {
12
10
  --icon-color: var(--color-ui-04);
13
11
  }
14
12
 
15
- :host([size='xs']) {
16
- --icon-height: var(--icon-size-xs);
17
- --icon-width: var(--icon-size-xs);
18
- }
19
-
20
- :host([size='s']) {
21
- --icon-height: var(--icon-size-s);
22
- --icon-width: var(--icon-size-s);
23
- }
24
-
25
- :host([size='m']) {
26
- --icon-height: var(--icon-size-m);
27
- --icon-width: var(--icon-size-m);
28
- }
29
-
30
- :host([size='l']) {
31
- --icon-height: var(--icon-size-l);
32
- --icon-width: var(--icon-size-l);
33
- }
34
-
35
- :host([size='xl']) {
36
- --icon-height: var(--icon-size-xl);
37
- --icon-width: var(--icon-size-xl);
38
- }
39
-
40
- :host([size='xxl']) {
41
- --icon-height: var(--icon-size-xxl);
42
- --icon-width: var(--icon-size-xxl);
43
- }
44
-
45
- :host([size='xxxl']) {
46
- --icon-height: var(--icon-size-xxxl);
47
- --icon-width: var(--icon-size-xxxl);
48
- }
49
-
50
13
  svg {
51
14
  display: inline-block;
52
15
  height: var(--icon-height);
53
16
  width: var(--icon-width);
54
17
  fill: var(--icon-color, var(--color-primary));
55
18
  transition: fill var(--icon-transition-speed, 0);
19
+ vertical-align: middle;
56
20
  }
57
21
 
58
22
  svg.fill-stroke {
@@ -73,4 +37,20 @@ export default css `
73
37
  svg.fill path .fill-none {
74
38
  fill: none;
75
39
  }
40
+
41
+ /* Sizes */
42
+ svg.size-small {
43
+ --icon-width: var(--icon-size-small);
44
+ --icon-height: var(--icon-size-small);
45
+ }
46
+
47
+ svg.size-medium {
48
+ --icon-width: var(--icon-size-medium);
49
+ --icon-height: var(--icon-size-medium);
50
+ }
51
+
52
+ svg.size-large {
53
+ --icon-width: var(--icon-size-large);
54
+ --icon-height: var(--icon-size-large);
55
+ }
76
56
  `;
package/Icon.d.ts CHANGED
@@ -1,8 +1,123 @@
1
- import { LitElement, TemplateResult, CSSResultArray } from 'lit';
2
- import { IconName } from './Icon.collection.js';
3
- export { IconName };
4
- export declare const iconSizeOptions: readonly [undefined, "xs", "s", "m", "l", "xl", "xxl", "xxxl"];
5
- export type IconSize = (typeof iconSizeOptions)[number];
1
+ import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit';
2
+ export declare enum IconSize {
3
+ Small = "small",
4
+ Medium = "medium",
5
+ Large = "large"
6
+ }
7
+ export declare const icons: {
8
+ aanvullendeVerzekering: import("./Icon.types.js").IconDefinition;
9
+ alternatieveGeneeswijze: import("./Icon.types.js").IconDefinition;
10
+ ambulancevervoer: import("./Icon.types.js").IconDefinition;
11
+ beweegprogramma: import("./Icon.types.js").IconDefinition;
12
+ brillenEnLenzen: import("./Icon.types.js").IconDefinition;
13
+ buitenland: import("./Icon.types.js").IconDefinition;
14
+ epileren: import("./Icon.types.js").IconDefinition;
15
+ ergoEnFysiotherapie: import("./Icon.types.js").IconDefinition;
16
+ geneesmiddelen: import("./Icon.types.js").IconDefinition;
17
+ hoorapparaten: import("./Icon.types.js").IconDefinition;
18
+ huidtherapie: import("./Icon.types.js").IconDefinition;
19
+ huisarts: import("./Icon.types.js").IconDefinition;
20
+ hulpmiddelen: import("./Icon.types.js").IconDefinition;
21
+ implantaten: import("./Icon.types.js").IconDefinition;
22
+ kraamzorg: import("./Icon.types.js").IconDefinition;
23
+ oefentherapie: import("./Icon.types.js").IconDefinition;
24
+ orthodontie: import("./Icon.types.js").IconDefinition;
25
+ preventieveCursussen: import("./Icon.types.js").IconDefinition;
26
+ psychologischeZorg: import("./Icon.types.js").IconDefinition;
27
+ steunzolen: import("./Icon.types.js").IconDefinition;
28
+ tandarts: import("./Icon.types.js").IconDefinition;
29
+ vaccinaties: import("./Icon.types.js").IconDefinition;
30
+ verloskunde: import("./Icon.types.js").IconDefinition;
31
+ vervoer: import("./Icon.types.js").IconDefinition;
32
+ voetzorg: import("./Icon.types.js").IconDefinition;
33
+ wijkverpleging: import("./Icon.types.js").IconDefinition;
34
+ ziekenhuis: import("./Icon.types.js").IconDefinition;
35
+ chat: import("./Icon.types.js").IconDefinition;
36
+ check: import("./Icon.types.js").IconDefinition;
37
+ checkCircle: import("./Icon.types.js").IconDefinition;
38
+ chevronDown: import("./Icon.types.js").IconDefinition;
39
+ chevronLeft: import("./Icon.types.js").IconDefinition;
40
+ chevronLeftDouble: import("./Icon.types.js").IconDefinition;
41
+ chevronRight: import("./Icon.types.js").IconDefinition;
42
+ chevronRightDouble: import("./Icon.types.js").IconDefinition;
43
+ circularArrows: import("./Icon.types.js").IconDefinition;
44
+ cogwheel: import("./Icon.types.js").IconDefinition;
45
+ coinsStack: import("./Icon.types.js").IconDefinition;
46
+ coinsStackMagnifyingGlass: import("./Icon.types.js").IconDefinition;
47
+ cross: import("./Icon.types.js").IconDefinition;
48
+ crossCircle: import("./Icon.types.js").IconDefinition;
49
+ document: import("./Icon.types.js").IconDefinition;
50
+ documentArrowRight: import("./Icon.types.js").IconDefinition;
51
+ documentArrowUp: import("./Icon.types.js").IconDefinition;
52
+ documentCheck: import("./Icon.types.js").IconDefinition;
53
+ documentMagnify: import("./Icon.types.js").IconDefinition;
54
+ documentStack: import("./Icon.types.js").IconDefinition;
55
+ dotsHorizontal: import("./Icon.types.js").IconDefinition;
56
+ dotsHorizontalFilled: import("./Icon.types.js").IconDefinition;
57
+ download: import("./Icon.types.js").IconDefinition;
58
+ exclamationMarkDiamond: import("./Icon.types.js").IconDefinition;
59
+ exclamationMarkTriangle: import("./Icon.types.js").IconDefinition;
60
+ externalLink: import("./Icon.types.js").IconDefinition;
61
+ facetedSphere: import("./Icon.types.js").IconDefinition;
62
+ financialDocument: import("./Icon.types.js").IconDefinition;
63
+ financialDocumentArrow: import("./Icon.types.js").IconDefinition;
64
+ financialEnvelope: import("./Icon.types.js").IconDefinition;
65
+ financialEnvelopeFilled: import("./Icon.types.js").IconDefinition;
66
+ filter: import("./Icon.types.js").IconDefinition;
67
+ folder: import("./Icon.types.js").IconDefinition;
68
+ globeWithSuitcase: import("./Icon.types.js").IconDefinition;
69
+ heartBeat: import("./Icon.types.js").IconDefinition;
70
+ heartInCircle: import("./Icon.types.js").IconDefinition;
71
+ heartInRectangle: import("./Icon.types.js").IconDefinition;
72
+ heartWithArrow: import("./Icon.types.js").IconDefinition;
73
+ home: import("./Icon.types.js").IconDefinition;
74
+ homeFilled: import("./Icon.types.js").IconDefinition;
75
+ hourglass: import("./Icon.types.js").IconDefinition;
76
+ iDEAL: import("./Icon.types.js").IconDefinition;
77
+ infoCircle: import("./Icon.types.js").IconDefinition;
78
+ leaf: import("./Icon.types.js").IconDefinition;
79
+ letterUnderMagnifyingGlass: import("./Icon.types.js").IconDefinition;
80
+ letterWithCheckmark: import("./Icon.types.js").IconDefinition;
81
+ locationPin: import("./Icon.types.js").IconDefinition;
82
+ logout: import("./Icon.types.js").IconDefinition;
83
+ magnifyingGlass: import("./Icon.types.js").IconDefinition;
84
+ magnifyingGlassMoney: import("./Icon.types.js").IconDefinition;
85
+ moneyBag: import("./Icon.types.js").IconDefinition;
86
+ medicalCross: import("./Icon.types.js").IconDefinition;
87
+ medicalDocument: import("./Icon.types.js").IconDefinition;
88
+ medicalDocumentFilled: import("./Icon.types.js").IconDefinition;
89
+ medicalDocumentShield: import("./Icon.types.js").IconDefinition;
90
+ medicalLocation: import("./Icon.types.js").IconDefinition;
91
+ medicalPhone: import("./Icon.types.js").IconDefinition;
92
+ medicalShield: import("./Icon.types.js").IconDefinition;
93
+ padlockClosed: import("./Icon.types.js").IconDefinition;
94
+ paperclip: import("./Icon.types.js").IconDefinition;
95
+ paperPlane: import("./Icon.types.js").IconDefinition;
96
+ pencil: import("./Icon.types.js").IconDefinition;
97
+ percentSign: import("./Icon.types.js").IconDefinition;
98
+ person: import("./Icon.types.js").IconDefinition;
99
+ personFilled: import("./Icon.types.js").IconDefinition;
100
+ personCircleFilled: import("./Icon.types.js").IconDefinition;
101
+ personCirclePlus: import("./Icon.types.js").IconDefinition;
102
+ personHeadsetChatBubble: import("./Icon.types.js").IconDefinition;
103
+ persons: import("./Icon.types.js").IconDefinition;
104
+ personSpeechBubble: import("./Icon.types.js").IconDefinition;
105
+ phone: import("./Icon.types.js").IconDefinition;
106
+ pieChart: import("./Icon.types.js").IconDefinition;
107
+ pieLineGraph: import("./Icon.types.js").IconDefinition;
108
+ pieLineGraphFilled: import("./Icon.types.js").IconDefinition;
109
+ plasticCard: import("./Icon.types.js").IconDefinition;
110
+ plasticCardFilled: import("./Icon.types.js").IconDefinition;
111
+ plus: import("./Icon.types.js").IconDefinition;
112
+ questionMarkCircle: import("./Icon.types.js").IconDefinition;
113
+ rubbishBin: import("./Icon.types.js").IconDefinition;
114
+ speechBubbleWithHeart: import("./Icon.types.js").IconDefinition;
115
+ sun: import("./Icon.types.js").IconDefinition;
116
+ wallet: import("./Icon.types.js").IconDefinition;
117
+ writingPen: import("./Icon.types.js").IconDefinition;
118
+ zzLogo: import("./Icon.types.js").IconDefinition;
119
+ };
120
+ export type IconName = keyof typeof icons;
6
121
  /**
7
122
  * @element zz-icon
8
123
  */
@@ -10,6 +125,6 @@ export declare class Icon extends LitElement {
10
125
  type: IconName;
11
126
  size: IconSize;
12
127
  disabled: boolean;
13
- static get styles(): CSSResultArray;
14
- render(): TemplateResult;
128
+ static get styles(): CSSResultGroup;
129
+ render(): TemplateResult | typeof nothing;
15
130
  }
package/Icon.js CHANGED
@@ -4,35 +4,48 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- import { LitElement, html } from 'lit';
7
+ // Core
8
+ import { html, LitElement, nothing } from 'lit';
8
9
  import { property } from 'lit/decorators.js';
9
10
  import { unsafeHTML } from 'lit/directives/unsafe-html.js';
10
- import { icons } from './Icon.collection.js';
11
11
  // Styles
12
- import style from './Icon.css.js';
13
- // Types
14
- export const iconSizeOptions = [undefined, 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'];
12
+ import styles from './Icon.css.js';
13
+ import { litVisuallyHidden } from '@frontend_zz/web-component-utilities/styles/utility/misc.css.js';
14
+ // Data
15
+ import { generalIcons } from './Icon.collection.js';
16
+ import { zorgsoortIcons } from './Icon.collection.zorgsoorten.js';
17
+ export var IconSize;
18
+ (function (IconSize) {
19
+ IconSize["Small"] = "small";
20
+ IconSize["Medium"] = "medium";
21
+ IconSize["Large"] = "large";
22
+ })(IconSize || (IconSize = {}));
23
+ // Defs
24
+ export const icons = { ...generalIcons, ...zorgsoortIcons };
15
25
  /**
16
26
  * @element zz-icon
17
27
  */
18
28
  export class Icon extends LitElement {
19
29
  constructor() {
20
30
  super(...arguments);
21
- this.size = 'm';
22
31
  this.disabled = false;
23
32
  }
24
33
  static get styles() {
25
- return [style];
34
+ return [styles, litVisuallyHidden];
26
35
  }
27
36
  render() {
28
- return html `${unsafeHTML(icons[this.type])}`;
37
+ const { type, size } = this;
38
+ const icon = icons[type]?.[size];
39
+ if (!icon)
40
+ return nothing;
41
+ return html `${unsafeHTML(icon)}`;
29
42
  }
30
43
  }
31
44
  __decorate([
32
- property({ type: String })
45
+ property()
33
46
  ], Icon.prototype, "type", void 0);
34
47
  __decorate([
35
- property({ type: String, reflect: true })
48
+ property()
36
49
  ], Icon.prototype, "size", void 0);
37
50
  __decorate([
38
51
  property({ type: Boolean, reflect: true })
package/Icon.types.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export type IconDefinition = {
2
+ small?: string;
3
+ medium?: string;
4
+ large?: string;
5
+ };
6
+ export type IconDict<IconName extends string> = Record<IconName, IconDefinition>;
package/Icon.types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frontend_zz/icon",
3
- "version": "0.6.0",
3
+ "version": "1.0.0",
4
4
  "description": "Icon Web Component",
5
5
  "type": "module",
6
6
  "exports": {
@@ -16,7 +16,8 @@
16
16
  ],
17
17
  "license": "ISC",
18
18
  "dependencies": {
19
- "lit": "2.8.0"
19
+ "lit": "2.8.0",
20
+ "@frontend_zz/web-component-utilities": "1.0.0"
20
21
  },
21
22
  "publishConfig": {
22
23
  "directory": "dist",