@helsenorge/designsystem-react 7.9.0 → 7.10.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.
- package/CHANGELOG.md +7 -0
- package/components/Illustration/Illustration.d.ts +6 -0
- package/components/Illustration/Illustration.js +34 -30
- package/components/Illustration/Illustration.js.map +1 -1
- package/components/Illustration/index.js +5 -4
- package/components/Illustrations/Doctor.js +9 -6
- package/components/Illustrations/Doctor.js.map +1 -1
- package/components/Illustrations/DoctorMedium.js +3 -3
- package/components/Illustrations/DoctorMedium.js.map +1 -1
- package/components/Illustrations/DoctorSmall.js +3 -3
- package/components/Illustrations/DoctorSmall.js.map +1 -1
- package/components/Illustrations/FacialRecognitionFingerprint.d.ts +8 -0
- package/components/Illustrations/FacialRecognitionFingerprint.js +11 -0
- package/components/Illustrations/FacialRecognitionFingerprint.js.map +1 -0
- package/components/Illustrations/FacialRecognitionFingerprintMedium.d.ts +4 -0
- package/components/Illustrations/FacialRecognitionFingerprintMedium.js +274 -0
- package/components/Illustrations/FacialRecognitionFingerprintMedium.js.map +1 -0
- package/components/Illustrations/HealthcarePersonnel.js +9 -6
- package/components/Illustrations/HealthcarePersonnel.js.map +1 -1
- package/components/Illustrations/HealthcarePersonnelMedium.js +3 -3
- package/components/Illustrations/HealthcarePersonnelMedium.js.map +1 -1
- package/components/Illustrations/HealthcarePersonnelSmall.js +3 -3
- package/components/Illustrations/HealthcarePersonnelSmall.js.map +1 -1
- package/components/Illustrations/IllustrationNames.d.ts +1 -1
- package/components/Illustrations/IllustrationNames.js +3 -2
- package/components/Illustrations/IllustrationNames.js.map +1 -1
- package/components/LazyIllustration/LazyIllustration.js +16 -16
- package/components/LazyIllustration/LazyIllustration.js.map +1 -1
- package/components/Loader/Loader.js +40 -40
- package/components/Loader/Loader.js.map +1 -1
- package/components/Loader/styles.module.scss +0 -1
- package/components/Progressbar/Progressbar.d.ts +30 -0
- package/components/Progressbar/Progressbar.js +89 -0
- package/components/Progressbar/Progressbar.js.map +1 -0
- package/components/Progressbar/Progressbar.stories.d.ts +43 -0
- package/components/Progressbar/index.d.ts +3 -0
- package/components/Progressbar/index.js +9 -0
- package/components/Progressbar/index.js.map +1 -0
- package/components/Progressbar/styles.module.scss +35 -0
- package/components/Progressbar/styles.module.scss.d.ts +13 -0
- package/constants.d.ts +2 -1
- package/constants.js +1 -1
- package/constants.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HealthcarePersonnelSmall.js","sources":["../../../src/components/Illustrations/HealthcarePersonnelSmall.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BaseSvgIllustrationProps } from '../Illustration';\n\ninterface Palette {\n hair: string;\n shirt: string;\n}\n\nconst HealthcarePersonnelSmall: React.FC<BaseSvgIllustrationProps> = ({ color }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n hair: '#00AEC7',\n shirt: '#00687F',\n };\n case 'cherry':\n return {\n hair: '#EF4C33',\n shirt: '#D72426',\n };\n default:\n return {\n hair: '#D6D4D3',\n shirt: '#989693',\n };\n }\n })();\n\n return (\n <>\n <path\n d=\"M110.834 42.085s-.773 8.709.916 13.703c1.688 4.993 3.893 8.406 3.893 8.406l-.701 5.891-1.623 1.659 12.413 14.481 7.829-13.607s-1.7-1.736-1.879-8.62c-.177-6.885 4.097-10.6 4.097-10.6l1.111-4.03-1.622-1.66-3.549 3.597s-1.469-9.654-3.847-10.73c-2.377-1.076-8.4-1.605-12.234-.559-3.835 1.046-4.81 2.069-4.81 2.069h.006Z\"\n fill=\"#fff\"\n />\n <path\n d=\"m110.755 49.905.077-7.823s2.55-2.752 9.554-3.121c7.003-.369 9.339 2.943 9.339 2.943l1.997 9.398 3.549-3.596 1.624 1.658-1.113 4.031-2.71 5.237-.666 4.204 3.532-2.943 2.674-3.942 2.521-7.776V39.45l-4.238-7.253L129.826 28l-7.9-1.67-7.444 1.485-5.368 3.823-2.241 5.136-.273 5.475 1.89 5.464 2.271 2.2-.006-.007Z\"\n fill=\"#000\"\n />\n <path\n d=\"m85.792 80.34 9.143 3.757 7.818 4.916 17.995 43.962 1.171 3.621-.856 4.726-2.64 3.216-17.466 13.079-3.668-17.495 4.578-2.729 5.356-3.199-6.985-11.878 1.076 13.876-.232 1.159-4.34 2.491.345 1.973-5.903-1.931-2.33-10.856-3.918.762.856-49.45Zm-23.999-1.89.386 55.744-2.854.553 7.455 38.499H29.655l9.892-83.418 6.747-5.505 7.509-3.983 5.523-1.605 2.467-.286Z\"\n fill=\"#fff\"\n />\n <path\n d=\"m101.315 134.191 3.668 38.286-38.201.767 29.2-6.45-2.817-13.674 4.405-1.985 2.313-.399-2.592-10.617 4.024-5.928Z\"\n fill=\"#fff\"\n />\n <path\n d=\"m111.867 70.953 13.863 15.266 8.929-15.528 8.567 4.067 8.9 6.67 18.214 59.65-17.561 7.639 2.063 23.763h-49.859l-1.79-16.539 9.655-7.229 6.581-4.495 2.497-5.046-.446-4.026-8.698-21.657-10.023-24.486-6.218-3.912s4.952-7.104 7.841-9.268c2.889-2.164 7.49-4.88 7.49-4.88l-.005.011Z\"\n fill={palette.hair}\n />\n <path d=\"m100.239 122.312 6.985 11.878-6.141 3.157-.844-15.035Z\" fill={palette.hair} />\n <path\n d=\"m61.794 83.133 11.39 6.694 12.532-7.288-.78 47.25-4.886.944-.91-2.781-11.295 2.057.482 2.996-6.147 1.188-.386-51.06Z\"\n fill={palette.shirt}\n />\n <path\n d=\"m65.913 49.307 3.37-7.955 4.098 5.236 4.912 4.424 7.346 4.952 1.705-2.07 1.38-.65c.54.325 1.615 1.023 1.583 1.218-.033.194-.284 2.408-.406 3.49l-3.856 4.668-1.624 4.059-4.586 4.586c.081.866.243 2.72.243 3.207 0 .609.69 2.151.772 2.151.065 0 .703 1.407 1.014 2.11h1.502l3.653-.527 2.882-1.583 2.922-3.288 1.705-4.018.893-4.749.568-5.52-.568-6.656-1.258-5.44-1.34-4.505-2.192-3.774-1.501-2.476-2.476-2.598-3.044-1.989-3.532-1.745-3.774-.568h-4.06l-3.287 1.177-1.907 1.583h-2.557l-3.289 1.096-3.166 2.07-2.232 2.191-1.866 3.45-1.624 3.613-1.299 4.587-1.217 6.9-.325 5.235.325 6.616 2.516 6.86 3.49 3.206 4.14.569 3.247-.569 2.07-.852.974-2.354.244-3.41-2.314-2.8-1.46-2.436-1.503-3.937-2.8-2.638-1.055-2.476-.446-1.623.446-1.461.69-.244 1.907 1.055 1.665 1.543 4.302-6.94Z\"\n fill={palette.hair}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M69.244 40.658a.844.844 0 0 1 .81.338c.692.952 1.877 2.5 3.166 4.033 1.3 1.546 2.666 3.03 3.728 3.892 2.572 2.083 6.26 4.694 8.55 5.914.429-.563.96-1.201 1.548-1.639.413-.307.93-.575 1.526-.601.628-.028 1.214.216 1.726.691 1.056.981 1.102 2.304.927 3.277-.175.972-.6 1.804-.8 2.103l-.113.174c-.252.383-.815 1.242-1.44 2.132a35.837 35.837 0 0 1-1.167 1.582c-.316.4-.644.785-.941 1.062-.887 1.858-2.458 4.69-4.16 6.684-.906 1.06-2.279 2.23-3.84 3.126-1.553.891-3.375 1.559-5.166 1.498-1.644-.056-3.274-.32-4.834-1.033-1.567-.718-3.018-1.87-4.329-3.637-2.337-3.15-3.075-5.461-3.622-7.176l-.083-.259c-1.522-1.41-2.935-3.111-3.71-4.402-.422-.705-.777-1.597-.879-2.484-.1-.88.038-1.898.803-2.636.568-.547 1.28-.502 1.803-.325.508.171 1.002.51 1.416.845.446.361.875.783 1.226 1.15 1.025-1.483 2.638-4.061 3.593-5.797 1.16-2.11 3.035-6.322 3.589-7.949a.844.844 0 0 1 .673-.563Zm.368 2.568c-.838 2.057-2.213 5.054-3.15 6.758-1.192 2.166-3.398 5.643-4.332 6.838a.844.844 0 0 1-1.293.045l-.088-.098c-.359-.4-.991-1.107-1.65-1.64-.363-.294-.67-.482-.893-.557a.66.66 0 0 0-.118-.031c-.219.232-.336.619-.269 1.2.069.597.322 1.26.65 1.807.7 1.167 2.073 2.822 3.563 4.173.109.1.19.224.236.364l.152.474c.534 1.673 1.203 3.766 3.371 6.69 1.157 1.559 2.39 2.517 3.676 3.106 1.292.591 2.684.83 4.188.88 1.357.047 2.861-.466 4.268-1.274 1.4-.803 2.62-1.85 3.396-2.758 1.61-1.884 3.146-4.668 3.992-6.465a.843.843 0 0 1 .225-.29c.185-.153.477-.477.843-.94.355-.45.742-.98 1.11-1.506a81.114 81.114 0 0 0 1.532-2.273c.086-.13.413-.747.542-1.465.129-.717.032-1.326-.414-1.74-.24-.223-.4-.246-.502-.242-.132.006-.326.071-.593.27-.557.413-1.095 1.143-1.621 1.857a.845.845 0 0 1-1.039.264c-2.386-1.119-6.673-4.142-9.509-6.44-1.197-.97-2.651-2.562-3.958-4.117a82.45 82.45 0 0 1-2.315-2.89ZM58.058 54.54s.003-.002.015-.002c-.009.003-.015.002-.015.002Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"m66.93 32.858-.019-.003a5.778 5.778 0 0 0-.502-.033 9.048 9.048 0 0 0-1.54.103c-1.298.194-3.072.716-4.937 2.042-3.711 2.637-7.966 8.595-9.323 22.059-1.138 11.28 1.343 16.344 3.828 18.625a7.611 7.611 0 0 0 3.556 1.864 6.82 6.82 0 0 0 1.201.153 4.548 4.548 0 0 0 .398-.005h.014a.844.844 0 0 1 .167 1.68l-.082-.807c.082.807.081.807.08.807h-.006l-.013.002-.039.003a6.265 6.265 0 0 1-.573.008 8.45 8.45 0 0 1-1.504-.19 9.304 9.304 0 0 1-4.341-2.27c-3.05-2.8-5.529-8.517-4.367-20.04C50.315 43.11 54.706 36.61 58.954 33.59c2.114-1.503 4.148-2.108 5.665-2.335a10.734 10.734 0 0 1 1.83-.121c.123.003.233.008.327.014a10.66 10.66 0 0 1 1.135-.812 13.01 13.01 0 0 1 3.985-1.634c3.488-.796 8.417-.455 14.395 3.747m-19.362.409a.845.845 0 0 0 .722-.232l.008-.008.047-.043c.045-.04.117-.103.214-.181a8.99 8.99 0 0 1 .885-.626 11.325 11.325 0 0 1 3.467-1.42c2.987-.681 7.431-.465 13.048 3.483 2.929 2.058 5.377 5.832 7.094 10.446 1.71 4.595 2.658 9.927 2.657 14.983 0 5.067-.952 9.775-2.962 13.176-1.984 3.36-4.988 5.443-9.238 5.412a.845.845 0 1 0-.012 1.69c4.94.034 8.46-2.446 10.704-6.243C95.782 69.54 96.76 64.5 96.76 59.26c0-5.251-.981-10.783-2.763-15.572-1.776-4.772-4.383-8.904-7.706-11.239M66.16 70.62c.459-.087.9.214.987.673l-.83.157.83-.157v.001l.001.003.001.006.004.02.011.068a10.155 10.155 0 0 1 .104 1.065c.03.676.007 1.601-.222 2.555-.228.955-.673 1.982-1.518 2.8-.71.687-1.659 1.182-2.885 1.389l.382 54.986a.844.844 0 1 1-1.69.012l-.386-55.745a.845.845 0 0 1 .793-.849c1.271-.078 2.079-.492 2.612-1.007.545-.528.87-1.228 1.05-1.979.18-.75.202-1.507.177-2.087a8.534 8.534 0 0 0-.084-.873l-.007-.043-.002-.007a.845.845 0 0 1 .672-.988Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M80.106 70.607c.465.028.82.429.791.894l-.843-.05.843.05v.016l-.003.064a14.147 14.147 0 0 0 .017 1.21c.045.795.167 1.837.468 2.866.302 1.035.768 1.999 1.463 2.696.673.674 1.6 1.14 2.943 1.14a.845.845 0 0 1 .844.86l-.856 48.556a.845.845 0 0 1-1.688-.028l.842-47.751c-1.376-.172-2.456-.758-3.28-1.585-.969-.97-1.543-2.228-1.89-3.415-.348-1.192-.483-2.372-.532-3.243a15.972 15.972 0 0 1-.015-1.453v-.024l.001-.007V71.4l.843.05-.843-.051a.845.845 0 0 1 .895-.792Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M88.872 128.168c.458-.089.9.21.99.668l2.734 14.113a.844.844 0 0 1-.09.568l-.739-.407.74.408-.001.001-.002.002-.003.007-.01.016-.028.047a5.535 5.535 0 0 1-.475.646 6.79 6.79 0 0 1-1.558 1.334c-1.45.909-3.668 1.563-6.804.828-1.046-.245-1.335-.001-1.417.098-.151.181-.266.612-.173 1.412.156 1.351.798 2.998 1.225 4.093.062.158.12.305.17.437.065.171.312.438.928.717.578.263 1.321.465 2.085.616a22.06 22.06 0 0 0 2.708.346l.03.002 4.1-1.996a.842.842 0 0 1 1.199.598l2.68 13.846a.845.845 0 0 1-.668.99l-29.706 5.754a.844.844 0 0 1-.99-.668l-7.306-37.732a.844.844 0 0 1 .669-.99l9-1.742a.845.845 0 0 1 .321 1.659l-8.171 1.581 6.985 36.074 28.048-5.434-2.311-11.935-3.309 1.61a.827.827 0 0 1-.406.084l.036-.843-.036.843h-.006l-.015-.001-.055-.002-.2-.012a23.34 23.34 0 0 1-2.922-.375c-.821-.161-1.71-.394-2.46-.735-.714-.325-1.494-.833-1.806-1.653l-.154-.394c-.417-1.066-1.156-2.951-1.34-4.543-.103-.88-.073-1.938.552-2.688.694-.832 1.813-.962 3.1-.661 2.703.633 4.459.052 5.523-.615a5.098 5.098 0 0 0 1.338-1.21l-2.508-12.944-8.51 1.648a.845.845 0 0 1-.32-1.659l9.338-1.807Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M67.014 130.162a.844.844 0 0 1 .669-.989l11.141-2.157a.844.844 0 0 1 .99.669l1.022 5.275a.845.845 0 0 1-.669.99l-11.142 2.158a.845.845 0 0 1-.99-.669l-1.02-5.277Zm1.819.509.7 3.618 9.484-1.837-.7-3.617-9.484 1.836ZM61.8 77.602l-.008.844.007-.844a.845.845 0 0 1-.013 1.688h-.014c-.012 0-.034 0-.065.002a7.71 7.71 0 0 0-.286.013c-.258.017-.65.053-1.164.127-1.028.15-2.545.457-4.463 1.088-3.779 1.245-9.123 3.752-15.336 8.809l.04-.338-.838-.1.536.652.262-.214-9.959 84.013a.846.846 0 0 1-.938.74.846.846 0 0 1-.74-.939l10-84.351a.844.844 0 0 1 .302-.553c6.486-5.334 12.112-7.996 16.143-9.323 2.015-.663 3.628-.992 4.748-1.155.56-.081.997-.121 1.298-.14a9.24 9.24 0 0 1 .446-.02h.041Zm23.19 2.471a.845.845 0 0 1 1.066-.538l-.263.802.263-.802.01.003.026.009.1.033.38.13a86.923 86.923 0 0 1 5.975 2.35c3.566 1.562 7.912 3.773 10.773 6.32a.84.84 0 0 1 .221.31l18.518 45.241a9.57 9.57 0 0 1-3.117 11.28l-17.466 13.079a.843.843 0 0 1-1.33-.491l-3.9-17.359a.844.844 0 0 1 .394-.912l4.055-2.396-.002-.02-1.403-16.057a.845.845 0 0 1 1.585-.473l7.128 13.251a.844.844 0 0 1-.314 1.127l-9.66 5.71 3.478 15.485 16.422-12.295a7.884 7.884 0 0 0 2.567-9.289l-18.443-45.057c-2.654-2.307-6.706-4.384-10.182-5.906a85.294 85.294 0 0 0-5.853-2.302l-.366-.126-.094-.031-.023-.008-.006-.002m16.778 55.04 3.824-2.26-4.802-8.927.978 11.187Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M85.67 82.716c.23.405.09.92-.316 1.152L73.6 90.56a.844.844 0 0 1-.842-.003l-11.004-6.39a.845.845 0 0 1 .848-1.461l10.584 6.147L84.518 82.4a.844.844 0 0 1 1.152.316Zm-25.344-4.77c.33.33.331.864.002 1.194h-.001l-.005.006-.024.024-.095.098c-.084.088-.21.22-.37.394a44.5 44.5 0 0 0-1.342 1.53 53.551 53.551 0 0 0-4.098 5.6c-3 4.719-5.97 11.098-6.065 17.909a.845.845 0 0 1-.704.821l-.006.001a3.092 3.092 0 0 0-.297.081c-.22.071-.548.198-.943.416-.785.432-1.847 1.228-2.853 2.678-1.963 2.831-3.782 8.259-2.715 18.569h1.852a.845.845 0 0 1 0 1.689h-2.61a.845.845 0 0 1-.839-.749c-1.261-11.026.596-17.115 2.925-20.472 1.164-1.678 2.428-2.646 3.426-3.195.424-.233.797-.39 1.091-.494.268-7.016 3.327-13.463 6.313-18.16a55.227 55.227 0 0 1 4.229-5.778 44.81 44.81 0 0 1 1.394-1.59 27.79 27.79 0 0 1 .501-.53l.029-.03.008-.007.003-.004.598.596-.598-.596a.845.845 0 0 1 1.194-.001Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M46.67 104.465a.845.845 0 0 1 1.038-.591l-.224.814c.224-.814.226-.813.226-.813l.003.001.006.001.014.004.034.011c.026.009.059.02.097.035.076.029.175.072.293.133.236.123.546.316.896.617.704.603 1.555 1.621 2.321 3.318 1.527 3.379 2.727 9.469 1.779 20.468a.845.845 0 0 1-.841.772h-1.89a.844.844 0 0 1 0-1.689h1.112c.814-10.362-.373-15.921-1.699-18.856-.676-1.496-1.385-2.306-1.881-2.731a3.053 3.053 0 0 0-.573-.399 1.284 1.284 0 0 0-.126-.058l-.013-.005a.844.844 0 0 1-.572-1.032Zm49.668.341a2.33 2.33 0 1 0 0 4.66 2.33 2.33 0 0 0 0-4.66Zm-4.02 2.33a4.02 4.02 0 1 1 8.04.001 4.02 4.02 0 0 1-8.04-.001ZM71.056 63.997c0-.466.378-.845.844-.845h3.686a.845.845 0 0 1 0 1.69H71.9a.844.844 0 0 1-.844-.845Zm-24.784 54.14a.845.845 0 0 1 .867.822l1.439 54.265a.845.845 0 0 1-1.689.044l-1.439-54.264a.844.844 0 0 1 .822-.867Zm44.122 21.685a.845.845 0 0 1 1.087-.495l6.385 2.396a.845.845 0 0 1-.593 1.581l-6.385-2.396a.843.843 0 0 1-.494-1.086Zm9.814 10.818a.845.845 0 0 1-.765.917c-2.32.21-4.713 1.565-5.605 2.216a.843.843 0 1 1-.996-1.363c1.014-.742 3.7-2.287 6.449-2.536a.846.846 0 0 1 .917.766Z\"\n fill=\"#000\"\n />\n <path\n d=\"M67.126 58.694c.562 0 1.017-.47 1.017-1.052 0-.581-.455-1.052-1.017-1.052-.561 0-1.016.471-1.016 1.052 0 .581.455 1.052 1.016 1.052Zm13.095-.062c.562 0 1.017-.471 1.017-1.052 0-.581-.455-1.053-1.017-1.053-.561 0-1.016.471-1.016 1.053 0 .58.455 1.052 1.016 1.052Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M76.482 68.304a.844.844 0 0 1-.43 1.114c-1.541.682-2.861.692-3.816.512a5.139 5.139 0 0 1-1.115-.341 3.865 3.865 0 0 1-.436-.227l-.01-.007-.005-.002-.001-.002s-.002 0 .463-.706l-.465.705a.845.845 0 0 1 .923-1.414m0 0 .002.001.034.02a2.3 2.3 0 0 0 .176.086c.165.073.419.165.748.227.65.123 1.618.134 2.818-.397a.844.844 0 0 1 1.114.43m35.6 1.611a.844.844 0 0 1 .978.225l13.311 15.528a.845.845 0 0 1-1.282 1.1l-12.892-15.04c-.272.133-.635.318-1.07.555a39.48 39.48 0 0 0-4.064 2.55c-3.213 2.294-7.082 5.765-9.796 10.497a.844.844 0 1 1-1.465-.84c2.875-5.013 6.948-8.652 10.28-11.032a41.292 41.292 0 0 1 4.238-2.659 29.686 29.686 0 0 1 1.631-.825l.094-.043.026-.011.008-.004.003-.001.337.774-.337-.774Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"m134.72 69.846-.062.842.063-.842h.006l.009.001.023.003a4.303 4.303 0 0 1 .296.045c.192.035.466.097.826.203.72.212 1.785.6 3.231 1.313 2.89 1.425 7.313 4.15 13.554 9.366a.843.843 0 0 1 .266.401l18.215 59.651a.845.845 0 0 1-.471 1.021l-17.561 7.639a.846.846 0 0 1-.674-1.549l16.87-7.339-17.921-58.689c-6.063-5.047-10.312-7.649-13.024-8.986-1.37-.675-2.346-1.027-2.961-1.208a9.451 9.451 0 0 0-.315-.087l-14.383 25.011a.845.845 0 0 1-1.465-.842l14.685-25.533a.843.843 0 0 1 .793-.421Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M152.34 80.61c.451.119.72.58.601 1.032l-3.862 14.655 6.604 76.108a.845.845 0 0 1-1.683.146l-6.617-76.254a.825.825 0 0 1 .026-.289l3.9-14.796a.843.843 0 0 1 1.031-.602Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M104.863 96.223c0-.466.378-.844.845-.844h42.518a.844.844 0 0 1 0 1.689h-42.518a.845.845 0 0 1-.845-.845Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M132.925 92.305c.466 0 .844.378.844.844v7.818a.844.844 0 0 1-1.689 0v-7.818c0-.466.378-.844.845-.844Zm5.094 0c.466 0 .844.378.844.844v7.818a.844.844 0 0 1-1.689 0v-7.818c0-.466.378-.844.845-.844Zm14.741 46.624a.846.846 0 0 1-.556 1.058l-9.391 2.92c.025.387.066.931.135 1.588.143 1.36.403 3.187.869 5.066.467 1.887 1.132 3.786 2.065 5.316.935 1.532 2.089 2.618 3.513 3.034a.846.846 0 0 1-.473 1.621c-1.975-.577-3.424-2.04-4.482-3.775-1.058-1.735-1.775-3.819-2.262-5.79a39.73 39.73 0 0 1-.909-5.295 40.414 40.414 0 0 1-.145-1.699 24.237 24.237 0 0 1-.025-.477l-.006-.128-.001-.034v-.012l.843-.026-.843.025a.845.845 0 0 1 .593-.832l10.017-3.115a.846.846 0 0 1 1.058.555Zm9.13 5.149a.846.846 0 0 1 .52 1.076l-7.342 21.044a.844.844 0 1 1-1.595-.555l7.342-21.046a.845.845 0 0 1 1.075-.519Zm-43.144-94.047a.844.844 0 0 1 .57 1.05l-1.131 3.812 2.284.226a.844.844 0 0 1-.167 1.68l-3.3-.326a.845.845 0 0 1-.726-1.08l1.42-4.792a.846.846 0 0 1 1.05-.57Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M116.241 38.604c2.697-.698 5.402-.535 7.084-.415.985.07 2.147.461 3.164.9 1.03.445 2.002.98 2.625 1.407.457.312.78.795 1.016 1.26a9.24 9.24 0 0 1 .588 1.563c.266.926.444 1.902.562 2.551l.049.27c.044.236.09.507.139.804.099.589.214 1.282.371 2.01.049.227.099.448.152.661.146-.288.322-.612.54-.984.562-.965 1.262-1.486 2.03-1.638.73-.144 1.358.081 1.717.243.407.183.971.528 1.252 1.315.258.723.224 1.681-.122 2.975-.507 1.887-1.117 2.797-1.765 3.764-.246.367-.498.742-.751 1.181-.958 1.663-1.095 2.177-1.748 4.603l-.013.049c-.33 1.227-.529 2.126-.612 3.134-.085 1.012-.056 2.167.102 3.898.246 2.677 1.134 4.062 1.394 4.327a.843.843 0 1 1-1.206 1.182c-.615-.627-1.601-2.427-1.87-5.355-.162-1.773-.2-3.039-.104-4.192.097-1.159.326-2.172.665-3.433l.015-.057c.662-2.46.846-3.145 1.914-4.999.345-.6.642-1.041.905-1.432.59-.876 1.011-1.503 1.443-3.107.312-1.168.25-1.725.162-1.97-.065-.181-.161-.257-.354-.343-.241-.109-.477-.169-.696-.126-.181.036-.517.175-.899.832-.458.784-.695 1.289-.843 1.679a7.594 7.594 0 0 0-.268.877l-.065.24a.844.844 0 0 1-1.534.223c-.519-.842-.857-2.09-1.092-3.193a48.114 48.114 0 0 1-.398-2.154c-.047-.278-.087-.52-.121-.705a13.2 13.2 0 0 1-.052-.287c-.12-.655-.282-1.539-.523-2.376a7.504 7.504 0 0 0-.472-1.268c-.183-.363-.349-.551-.461-.629-.518-.354-1.391-.839-2.342-1.25-.964-.416-1.917-.715-2.614-.765-1.678-.12-4.136-.257-6.542.365-1.25.324-2.411.695-3.336 1.078-.776.32-1.302.615-1.594.847-.073.778-.109 2.067-.105 3.42.003 1.527.055 3.054.141 3.897l.064.65c.188 1.914.484 4.919 1.05 6.953.31 1.113.854 2.4 1.455 3.55.607 1.163 1.232 2.109 1.676 2.579.837.883 2.057 1.399 4.038 1.182.162-.018.329-.035.5-.052 1.038-.103 2.229-.222 3.498-.711 1.443-.556 3.003-1.606 4.39-3.75a.844.844 0 1 1 1.418.919c-1.586 2.449-3.433 3.725-5.2 4.407-1.5.578-2.934.718-3.967.82l-.456.045c-2.401.264-4.182-.361-5.447-1.7-.606-.64-1.317-1.75-1.948-2.958-.638-1.221-1.233-2.62-1.585-3.878-.609-2.19-.919-5.363-1.104-7.251l-.062-.634c-.095-.928-.147-2.523-.151-4.064-.003-1.532.041-3.093.154-3.938l.035-.255.171-.193c.5-.563 1.407-1.043 2.384-1.447 1.018-.42 2.258-.814 3.559-1.15Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M115.621 63.348a.844.844 0 0 1 .859.83l-.845.014.845-.014v.026l.001.07v.255a35.07 35.07 0 0 1-.02.9 26.743 26.743 0 0 1-.231 2.727c-.141.979-.369 2.03-.758 2.845-.37.777-1.061 1.667-2.227 1.577a.845.845 0 0 1 .132-1.684c.061.005.275 0 .571-.62.276-.58.476-1.428.61-2.359.131-.914.19-1.843.215-2.548.014-.351.017-.644.019-.848v-.235l-.001-.06v-.017a.844.844 0 0 1 .83-.86Zm-7.444-18.666c.741 2.46 1.948 4.456 3.244 5.522a.845.845 0 0 1-1.073 1.304c-1.643-1.35-2.989-3.688-3.788-6.339-.804-2.666-1.087-5.753-.502-8.674.587-2.932 2.053-5.718 4.754-7.7 2.697-1.98 6.535-3.091 11.746-2.853 5.187.238 9.051 1.463 11.916 3.243 2.87 1.782 4.695 4.094 5.844 6.432 2.13 4.338 1.929 8.773 1.87 10.08a6.306 6.306 0 0 0-.009.228l-.845-.027.845.026c-.088 2.905-.916 6.526-2.537 9.845-1.619 3.317-4.07 6.41-7.453 8.14a.844.844 0 0 1-.769-1.505c2.954-1.51 5.185-4.265 6.704-7.376 1.519-3.109 2.287-6.496 2.366-9.155v-.002c.002-.064.005-.142.01-.235.057-1.303.232-5.343-1.698-9.274-1.027-2.089-2.648-4.146-5.218-5.742-2.574-1.599-6.144-2.763-11.104-2.99m-14.303 17.052c-.737-2.445-.985-5.248-.463-7.856l.463 7.856Zm-.463-7.856c.52-2.597 1.796-4.98 4.097-6.67l-4.097 6.67Zm4.097-6.67c2.307-1.691 5.731-2.752 10.669-2.527l-10.669 2.527Zm-8.708 124.951a.842.842 0 0 1 .93.747l1.79 16.534a.844.844 0 0 1-1.679.181l-1.79-16.532a.844.844 0 0 1 .749-.93ZM88.96 81.386a.845.845 0 0 1 1.184.155c1.444 1.88 4.504 6.086 5.647 10.778 1.188 4.875 1.667 9.116 1.236 12.048a.846.846 0 0 1-1.671-.246c.383-2.604-.033-6.588-1.206-11.402-1.052-4.32-3.913-8.283-5.346-10.15a.844.844 0 0 1 .155-1.183Zm-7.232-24.382c-1.508-.762-3.128-.313-3.71-.007a.844.844 0 1 1-.786-1.494c.883-.465 3.104-1.095 5.258-.007a.844.844 0 0 1-.762 1.508Zm-12.741 0c-1.508-.762-3.129-.313-3.71-.007a.844.844 0 1 1-.786-1.494c.882-.465 3.104-1.095 5.258-.007a.845.845 0 0 1-.762 1.508Z\"\n fill=\"#000\"\n />\n </>\n );\n};\n\nexport default HealthcarePersonnelSmall;\n"],"names":["HealthcarePersonnelSmall","color","palette","React"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"HealthcarePersonnelSmall.js","sources":["../../../src/components/Illustrations/HealthcarePersonnelSmall.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BaseSvgIllustrationProps } from '../Illustration';\n\ninterface Palette {\n hair: string;\n shirt: string;\n}\n\nconst HealthcarePersonnelSmall: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n hair: '#00AEC7',\n shirt: '#00687F',\n };\n case 'cherry':\n return {\n hair: '#EF4C33',\n shirt: '#D72426',\n };\n default:\n return {\n hair: '#D6D4D3',\n shirt: '#989693',\n };\n }\n })();\n\n return (\n <svg {...svgProperties}>\n {title}\n <path\n d=\"M110.834 42.085s-.773 8.709.916 13.703c1.688 4.993 3.893 8.406 3.893 8.406l-.701 5.891-1.623 1.659 12.413 14.481 7.829-13.607s-1.7-1.736-1.879-8.62c-.177-6.885 4.097-10.6 4.097-10.6l1.111-4.03-1.622-1.66-3.549 3.597s-1.469-9.654-3.847-10.73c-2.377-1.076-8.4-1.605-12.234-.559-3.835 1.046-4.81 2.069-4.81 2.069h.006Z\"\n fill=\"#fff\"\n />\n <path\n d=\"m110.755 49.905.077-7.823s2.55-2.752 9.554-3.121c7.003-.369 9.339 2.943 9.339 2.943l1.997 9.398 3.549-3.596 1.624 1.658-1.113 4.031-2.71 5.237-.666 4.204 3.532-2.943 2.674-3.942 2.521-7.776V39.45l-4.238-7.253L129.826 28l-7.9-1.67-7.444 1.485-5.368 3.823-2.241 5.136-.273 5.475 1.89 5.464 2.271 2.2-.006-.007Z\"\n fill=\"#000\"\n />\n <path\n d=\"m85.792 80.34 9.143 3.757 7.818 4.916 17.995 43.962 1.171 3.621-.856 4.726-2.64 3.216-17.466 13.079-3.668-17.495 4.578-2.729 5.356-3.199-6.985-11.878 1.076 13.876-.232 1.159-4.34 2.491.345 1.973-5.903-1.931-2.33-10.856-3.918.762.856-49.45Zm-23.999-1.89.386 55.744-2.854.553 7.455 38.499H29.655l9.892-83.418 6.747-5.505 7.509-3.983 5.523-1.605 2.467-.286Z\"\n fill=\"#fff\"\n />\n <path\n d=\"m101.315 134.191 3.668 38.286-38.201.767 29.2-6.45-2.817-13.674 4.405-1.985 2.313-.399-2.592-10.617 4.024-5.928Z\"\n fill=\"#fff\"\n />\n <path\n d=\"m111.867 70.953 13.863 15.266 8.929-15.528 8.567 4.067 8.9 6.67 18.214 59.65-17.561 7.639 2.063 23.763h-49.859l-1.79-16.539 9.655-7.229 6.581-4.495 2.497-5.046-.446-4.026-8.698-21.657-10.023-24.486-6.218-3.912s4.952-7.104 7.841-9.268c2.889-2.164 7.49-4.88 7.49-4.88l-.005.011Z\"\n fill={palette.hair}\n />\n <path d=\"m100.239 122.312 6.985 11.878-6.141 3.157-.844-15.035Z\" fill={palette.hair} />\n <path\n d=\"m61.794 83.133 11.39 6.694 12.532-7.288-.78 47.25-4.886.944-.91-2.781-11.295 2.057.482 2.996-6.147 1.188-.386-51.06Z\"\n fill={palette.shirt}\n />\n <path\n d=\"m65.913 49.307 3.37-7.955 4.098 5.236 4.912 4.424 7.346 4.952 1.705-2.07 1.38-.65c.54.325 1.615 1.023 1.583 1.218-.033.194-.284 2.408-.406 3.49l-3.856 4.668-1.624 4.059-4.586 4.586c.081.866.243 2.72.243 3.207 0 .609.69 2.151.772 2.151.065 0 .703 1.407 1.014 2.11h1.502l3.653-.527 2.882-1.583 2.922-3.288 1.705-4.018.893-4.749.568-5.52-.568-6.656-1.258-5.44-1.34-4.505-2.192-3.774-1.501-2.476-2.476-2.598-3.044-1.989-3.532-1.745-3.774-.568h-4.06l-3.287 1.177-1.907 1.583h-2.557l-3.289 1.096-3.166 2.07-2.232 2.191-1.866 3.45-1.624 3.613-1.299 4.587-1.217 6.9-.325 5.235.325 6.616 2.516 6.86 3.49 3.206 4.14.569 3.247-.569 2.07-.852.974-2.354.244-3.41-2.314-2.8-1.46-2.436-1.503-3.937-2.8-2.638-1.055-2.476-.446-1.623.446-1.461.69-.244 1.907 1.055 1.665 1.543 4.302-6.94Z\"\n fill={palette.hair}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M69.244 40.658a.844.844 0 0 1 .81.338c.692.952 1.877 2.5 3.166 4.033 1.3 1.546 2.666 3.03 3.728 3.892 2.572 2.083 6.26 4.694 8.55 5.914.429-.563.96-1.201 1.548-1.639.413-.307.93-.575 1.526-.601.628-.028 1.214.216 1.726.691 1.056.981 1.102 2.304.927 3.277-.175.972-.6 1.804-.8 2.103l-.113.174c-.252.383-.815 1.242-1.44 2.132a35.837 35.837 0 0 1-1.167 1.582c-.316.4-.644.785-.941 1.062-.887 1.858-2.458 4.69-4.16 6.684-.906 1.06-2.279 2.23-3.84 3.126-1.553.891-3.375 1.559-5.166 1.498-1.644-.056-3.274-.32-4.834-1.033-1.567-.718-3.018-1.87-4.329-3.637-2.337-3.15-3.075-5.461-3.622-7.176l-.083-.259c-1.522-1.41-2.935-3.111-3.71-4.402-.422-.705-.777-1.597-.879-2.484-.1-.88.038-1.898.803-2.636.568-.547 1.28-.502 1.803-.325.508.171 1.002.51 1.416.845.446.361.875.783 1.226 1.15 1.025-1.483 2.638-4.061 3.593-5.797 1.16-2.11 3.035-6.322 3.589-7.949a.844.844 0 0 1 .673-.563Zm.368 2.568c-.838 2.057-2.213 5.054-3.15 6.758-1.192 2.166-3.398 5.643-4.332 6.838a.844.844 0 0 1-1.293.045l-.088-.098c-.359-.4-.991-1.107-1.65-1.64-.363-.294-.67-.482-.893-.557a.66.66 0 0 0-.118-.031c-.219.232-.336.619-.269 1.2.069.597.322 1.26.65 1.807.7 1.167 2.073 2.822 3.563 4.173.109.1.19.224.236.364l.152.474c.534 1.673 1.203 3.766 3.371 6.69 1.157 1.559 2.39 2.517 3.676 3.106 1.292.591 2.684.83 4.188.88 1.357.047 2.861-.466 4.268-1.274 1.4-.803 2.62-1.85 3.396-2.758 1.61-1.884 3.146-4.668 3.992-6.465a.843.843 0 0 1 .225-.29c.185-.153.477-.477.843-.94.355-.45.742-.98 1.11-1.506a81.114 81.114 0 0 0 1.532-2.273c.086-.13.413-.747.542-1.465.129-.717.032-1.326-.414-1.74-.24-.223-.4-.246-.502-.242-.132.006-.326.071-.593.27-.557.413-1.095 1.143-1.621 1.857a.845.845 0 0 1-1.039.264c-2.386-1.119-6.673-4.142-9.509-6.44-1.197-.97-2.651-2.562-3.958-4.117a82.45 82.45 0 0 1-2.315-2.89ZM58.058 54.54s.003-.002.015-.002c-.009.003-.015.002-.015.002Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"m66.93 32.858-.019-.003a5.778 5.778 0 0 0-.502-.033 9.048 9.048 0 0 0-1.54.103c-1.298.194-3.072.716-4.937 2.042-3.711 2.637-7.966 8.595-9.323 22.059-1.138 11.28 1.343 16.344 3.828 18.625a7.611 7.611 0 0 0 3.556 1.864 6.82 6.82 0 0 0 1.201.153 4.548 4.548 0 0 0 .398-.005h.014a.844.844 0 0 1 .167 1.68l-.082-.807c.082.807.081.807.08.807h-.006l-.013.002-.039.003a6.265 6.265 0 0 1-.573.008 8.45 8.45 0 0 1-1.504-.19 9.304 9.304 0 0 1-4.341-2.27c-3.05-2.8-5.529-8.517-4.367-20.04C50.315 43.11 54.706 36.61 58.954 33.59c2.114-1.503 4.148-2.108 5.665-2.335a10.734 10.734 0 0 1 1.83-.121c.123.003.233.008.327.014a10.66 10.66 0 0 1 1.135-.812 13.01 13.01 0 0 1 3.985-1.634c3.488-.796 8.417-.455 14.395 3.747m-19.362.409a.845.845 0 0 0 .722-.232l.008-.008.047-.043c.045-.04.117-.103.214-.181a8.99 8.99 0 0 1 .885-.626 11.325 11.325 0 0 1 3.467-1.42c2.987-.681 7.431-.465 13.048 3.483 2.929 2.058 5.377 5.832 7.094 10.446 1.71 4.595 2.658 9.927 2.657 14.983 0 5.067-.952 9.775-2.962 13.176-1.984 3.36-4.988 5.443-9.238 5.412a.845.845 0 1 0-.012 1.69c4.94.034 8.46-2.446 10.704-6.243C95.782 69.54 96.76 64.5 96.76 59.26c0-5.251-.981-10.783-2.763-15.572-1.776-4.772-4.383-8.904-7.706-11.239M66.16 70.62c.459-.087.9.214.987.673l-.83.157.83-.157v.001l.001.003.001.006.004.02.011.068a10.155 10.155 0 0 1 .104 1.065c.03.676.007 1.601-.222 2.555-.228.955-.673 1.982-1.518 2.8-.71.687-1.659 1.182-2.885 1.389l.382 54.986a.844.844 0 1 1-1.69.012l-.386-55.745a.845.845 0 0 1 .793-.849c1.271-.078 2.079-.492 2.612-1.007.545-.528.87-1.228 1.05-1.979.18-.75.202-1.507.177-2.087a8.534 8.534 0 0 0-.084-.873l-.007-.043-.002-.007a.845.845 0 0 1 .672-.988Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M80.106 70.607c.465.028.82.429.791.894l-.843-.05.843.05v.016l-.003.064a14.147 14.147 0 0 0 .017 1.21c.045.795.167 1.837.468 2.866.302 1.035.768 1.999 1.463 2.696.673.674 1.6 1.14 2.943 1.14a.845.845 0 0 1 .844.86l-.856 48.556a.845.845 0 0 1-1.688-.028l.842-47.751c-1.376-.172-2.456-.758-3.28-1.585-.969-.97-1.543-2.228-1.89-3.415-.348-1.192-.483-2.372-.532-3.243a15.972 15.972 0 0 1-.015-1.453v-.024l.001-.007V71.4l.843.05-.843-.051a.845.845 0 0 1 .895-.792Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M88.872 128.168c.458-.089.9.21.99.668l2.734 14.113a.844.844 0 0 1-.09.568l-.739-.407.74.408-.001.001-.002.002-.003.007-.01.016-.028.047a5.535 5.535 0 0 1-.475.646 6.79 6.79 0 0 1-1.558 1.334c-1.45.909-3.668 1.563-6.804.828-1.046-.245-1.335-.001-1.417.098-.151.181-.266.612-.173 1.412.156 1.351.798 2.998 1.225 4.093.062.158.12.305.17.437.065.171.312.438.928.717.578.263 1.321.465 2.085.616a22.06 22.06 0 0 0 2.708.346l.03.002 4.1-1.996a.842.842 0 0 1 1.199.598l2.68 13.846a.845.845 0 0 1-.668.99l-29.706 5.754a.844.844 0 0 1-.99-.668l-7.306-37.732a.844.844 0 0 1 .669-.99l9-1.742a.845.845 0 0 1 .321 1.659l-8.171 1.581 6.985 36.074 28.048-5.434-2.311-11.935-3.309 1.61a.827.827 0 0 1-.406.084l.036-.843-.036.843h-.006l-.015-.001-.055-.002-.2-.012a23.34 23.34 0 0 1-2.922-.375c-.821-.161-1.71-.394-2.46-.735-.714-.325-1.494-.833-1.806-1.653l-.154-.394c-.417-1.066-1.156-2.951-1.34-4.543-.103-.88-.073-1.938.552-2.688.694-.832 1.813-.962 3.1-.661 2.703.633 4.459.052 5.523-.615a5.098 5.098 0 0 0 1.338-1.21l-2.508-12.944-8.51 1.648a.845.845 0 0 1-.32-1.659l9.338-1.807Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M67.014 130.162a.844.844 0 0 1 .669-.989l11.141-2.157a.844.844 0 0 1 .99.669l1.022 5.275a.845.845 0 0 1-.669.99l-11.142 2.158a.845.845 0 0 1-.99-.669l-1.02-5.277Zm1.819.509.7 3.618 9.484-1.837-.7-3.617-9.484 1.836ZM61.8 77.602l-.008.844.007-.844a.845.845 0 0 1-.013 1.688h-.014c-.012 0-.034 0-.065.002a7.71 7.71 0 0 0-.286.013c-.258.017-.65.053-1.164.127-1.028.15-2.545.457-4.463 1.088-3.779 1.245-9.123 3.752-15.336 8.809l.04-.338-.838-.1.536.652.262-.214-9.959 84.013a.846.846 0 0 1-.938.74.846.846 0 0 1-.74-.939l10-84.351a.844.844 0 0 1 .302-.553c6.486-5.334 12.112-7.996 16.143-9.323 2.015-.663 3.628-.992 4.748-1.155.56-.081.997-.121 1.298-.14a9.24 9.24 0 0 1 .446-.02h.041Zm23.19 2.471a.845.845 0 0 1 1.066-.538l-.263.802.263-.802.01.003.026.009.1.033.38.13a86.923 86.923 0 0 1 5.975 2.35c3.566 1.562 7.912 3.773 10.773 6.32a.84.84 0 0 1 .221.31l18.518 45.241a9.57 9.57 0 0 1-3.117 11.28l-17.466 13.079a.843.843 0 0 1-1.33-.491l-3.9-17.359a.844.844 0 0 1 .394-.912l4.055-2.396-.002-.02-1.403-16.057a.845.845 0 0 1 1.585-.473l7.128 13.251a.844.844 0 0 1-.314 1.127l-9.66 5.71 3.478 15.485 16.422-12.295a7.884 7.884 0 0 0 2.567-9.289l-18.443-45.057c-2.654-2.307-6.706-4.384-10.182-5.906a85.294 85.294 0 0 0-5.853-2.302l-.366-.126-.094-.031-.023-.008-.006-.002m16.778 55.04 3.824-2.26-4.802-8.927.978 11.187Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M85.67 82.716c.23.405.09.92-.316 1.152L73.6 90.56a.844.844 0 0 1-.842-.003l-11.004-6.39a.845.845 0 0 1 .848-1.461l10.584 6.147L84.518 82.4a.844.844 0 0 1 1.152.316Zm-25.344-4.77c.33.33.331.864.002 1.194h-.001l-.005.006-.024.024-.095.098c-.084.088-.21.22-.37.394a44.5 44.5 0 0 0-1.342 1.53 53.551 53.551 0 0 0-4.098 5.6c-3 4.719-5.97 11.098-6.065 17.909a.845.845 0 0 1-.704.821l-.006.001a3.092 3.092 0 0 0-.297.081c-.22.071-.548.198-.943.416-.785.432-1.847 1.228-2.853 2.678-1.963 2.831-3.782 8.259-2.715 18.569h1.852a.845.845 0 0 1 0 1.689h-2.61a.845.845 0 0 1-.839-.749c-1.261-11.026.596-17.115 2.925-20.472 1.164-1.678 2.428-2.646 3.426-3.195.424-.233.797-.39 1.091-.494.268-7.016 3.327-13.463 6.313-18.16a55.227 55.227 0 0 1 4.229-5.778 44.81 44.81 0 0 1 1.394-1.59 27.79 27.79 0 0 1 .501-.53l.029-.03.008-.007.003-.004.598.596-.598-.596a.845.845 0 0 1 1.194-.001Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M46.67 104.465a.845.845 0 0 1 1.038-.591l-.224.814c.224-.814.226-.813.226-.813l.003.001.006.001.014.004.034.011c.026.009.059.02.097.035.076.029.175.072.293.133.236.123.546.316.896.617.704.603 1.555 1.621 2.321 3.318 1.527 3.379 2.727 9.469 1.779 20.468a.845.845 0 0 1-.841.772h-1.89a.844.844 0 0 1 0-1.689h1.112c.814-10.362-.373-15.921-1.699-18.856-.676-1.496-1.385-2.306-1.881-2.731a3.053 3.053 0 0 0-.573-.399 1.284 1.284 0 0 0-.126-.058l-.013-.005a.844.844 0 0 1-.572-1.032Zm49.668.341a2.33 2.33 0 1 0 0 4.66 2.33 2.33 0 0 0 0-4.66Zm-4.02 2.33a4.02 4.02 0 1 1 8.04.001 4.02 4.02 0 0 1-8.04-.001ZM71.056 63.997c0-.466.378-.845.844-.845h3.686a.845.845 0 0 1 0 1.69H71.9a.844.844 0 0 1-.844-.845Zm-24.784 54.14a.845.845 0 0 1 .867.822l1.439 54.265a.845.845 0 0 1-1.689.044l-1.439-54.264a.844.844 0 0 1 .822-.867Zm44.122 21.685a.845.845 0 0 1 1.087-.495l6.385 2.396a.845.845 0 0 1-.593 1.581l-6.385-2.396a.843.843 0 0 1-.494-1.086Zm9.814 10.818a.845.845 0 0 1-.765.917c-2.32.21-4.713 1.565-5.605 2.216a.843.843 0 1 1-.996-1.363c1.014-.742 3.7-2.287 6.449-2.536a.846.846 0 0 1 .917.766Z\"\n fill=\"#000\"\n />\n <path\n d=\"M67.126 58.694c.562 0 1.017-.47 1.017-1.052 0-.581-.455-1.052-1.017-1.052-.561 0-1.016.471-1.016 1.052 0 .581.455 1.052 1.016 1.052Zm13.095-.062c.562 0 1.017-.471 1.017-1.052 0-.581-.455-1.053-1.017-1.053-.561 0-1.016.471-1.016 1.053 0 .58.455 1.052 1.016 1.052Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M76.482 68.304a.844.844 0 0 1-.43 1.114c-1.541.682-2.861.692-3.816.512a5.139 5.139 0 0 1-1.115-.341 3.865 3.865 0 0 1-.436-.227l-.01-.007-.005-.002-.001-.002s-.002 0 .463-.706l-.465.705a.845.845 0 0 1 .923-1.414m0 0 .002.001.034.02a2.3 2.3 0 0 0 .176.086c.165.073.419.165.748.227.65.123 1.618.134 2.818-.397a.844.844 0 0 1 1.114.43m35.6 1.611a.844.844 0 0 1 .978.225l13.311 15.528a.845.845 0 0 1-1.282 1.1l-12.892-15.04c-.272.133-.635.318-1.07.555a39.48 39.48 0 0 0-4.064 2.55c-3.213 2.294-7.082 5.765-9.796 10.497a.844.844 0 1 1-1.465-.84c2.875-5.013 6.948-8.652 10.28-11.032a41.292 41.292 0 0 1 4.238-2.659 29.686 29.686 0 0 1 1.631-.825l.094-.043.026-.011.008-.004.003-.001.337.774-.337-.774Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"m134.72 69.846-.062.842.063-.842h.006l.009.001.023.003a4.303 4.303 0 0 1 .296.045c.192.035.466.097.826.203.72.212 1.785.6 3.231 1.313 2.89 1.425 7.313 4.15 13.554 9.366a.843.843 0 0 1 .266.401l18.215 59.651a.845.845 0 0 1-.471 1.021l-17.561 7.639a.846.846 0 0 1-.674-1.549l16.87-7.339-17.921-58.689c-6.063-5.047-10.312-7.649-13.024-8.986-1.37-.675-2.346-1.027-2.961-1.208a9.451 9.451 0 0 0-.315-.087l-14.383 25.011a.845.845 0 0 1-1.465-.842l14.685-25.533a.843.843 0 0 1 .793-.421Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M152.34 80.61c.451.119.72.58.601 1.032l-3.862 14.655 6.604 76.108a.845.845 0 0 1-1.683.146l-6.617-76.254a.825.825 0 0 1 .026-.289l3.9-14.796a.843.843 0 0 1 1.031-.602Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M104.863 96.223c0-.466.378-.844.845-.844h42.518a.844.844 0 0 1 0 1.689h-42.518a.845.845 0 0 1-.845-.845Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M132.925 92.305c.466 0 .844.378.844.844v7.818a.844.844 0 0 1-1.689 0v-7.818c0-.466.378-.844.845-.844Zm5.094 0c.466 0 .844.378.844.844v7.818a.844.844 0 0 1-1.689 0v-7.818c0-.466.378-.844.845-.844Zm14.741 46.624a.846.846 0 0 1-.556 1.058l-9.391 2.92c.025.387.066.931.135 1.588.143 1.36.403 3.187.869 5.066.467 1.887 1.132 3.786 2.065 5.316.935 1.532 2.089 2.618 3.513 3.034a.846.846 0 0 1-.473 1.621c-1.975-.577-3.424-2.04-4.482-3.775-1.058-1.735-1.775-3.819-2.262-5.79a39.73 39.73 0 0 1-.909-5.295 40.414 40.414 0 0 1-.145-1.699 24.237 24.237 0 0 1-.025-.477l-.006-.128-.001-.034v-.012l.843-.026-.843.025a.845.845 0 0 1 .593-.832l10.017-3.115a.846.846 0 0 1 1.058.555Zm9.13 5.149a.846.846 0 0 1 .52 1.076l-7.342 21.044a.844.844 0 1 1-1.595-.555l7.342-21.046a.845.845 0 0 1 1.075-.519Zm-43.144-94.047a.844.844 0 0 1 .57 1.05l-1.131 3.812 2.284.226a.844.844 0 0 1-.167 1.68l-3.3-.326a.845.845 0 0 1-.726-1.08l1.42-4.792a.846.846 0 0 1 1.05-.57Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M116.241 38.604c2.697-.698 5.402-.535 7.084-.415.985.07 2.147.461 3.164.9 1.03.445 2.002.98 2.625 1.407.457.312.78.795 1.016 1.26a9.24 9.24 0 0 1 .588 1.563c.266.926.444 1.902.562 2.551l.049.27c.044.236.09.507.139.804.099.589.214 1.282.371 2.01.049.227.099.448.152.661.146-.288.322-.612.54-.984.562-.965 1.262-1.486 2.03-1.638.73-.144 1.358.081 1.717.243.407.183.971.528 1.252 1.315.258.723.224 1.681-.122 2.975-.507 1.887-1.117 2.797-1.765 3.764-.246.367-.498.742-.751 1.181-.958 1.663-1.095 2.177-1.748 4.603l-.013.049c-.33 1.227-.529 2.126-.612 3.134-.085 1.012-.056 2.167.102 3.898.246 2.677 1.134 4.062 1.394 4.327a.843.843 0 1 1-1.206 1.182c-.615-.627-1.601-2.427-1.87-5.355-.162-1.773-.2-3.039-.104-4.192.097-1.159.326-2.172.665-3.433l.015-.057c.662-2.46.846-3.145 1.914-4.999.345-.6.642-1.041.905-1.432.59-.876 1.011-1.503 1.443-3.107.312-1.168.25-1.725.162-1.97-.065-.181-.161-.257-.354-.343-.241-.109-.477-.169-.696-.126-.181.036-.517.175-.899.832-.458.784-.695 1.289-.843 1.679a7.594 7.594 0 0 0-.268.877l-.065.24a.844.844 0 0 1-1.534.223c-.519-.842-.857-2.09-1.092-3.193a48.114 48.114 0 0 1-.398-2.154c-.047-.278-.087-.52-.121-.705a13.2 13.2 0 0 1-.052-.287c-.12-.655-.282-1.539-.523-2.376a7.504 7.504 0 0 0-.472-1.268c-.183-.363-.349-.551-.461-.629-.518-.354-1.391-.839-2.342-1.25-.964-.416-1.917-.715-2.614-.765-1.678-.12-4.136-.257-6.542.365-1.25.324-2.411.695-3.336 1.078-.776.32-1.302.615-1.594.847-.073.778-.109 2.067-.105 3.42.003 1.527.055 3.054.141 3.897l.064.65c.188 1.914.484 4.919 1.05 6.953.31 1.113.854 2.4 1.455 3.55.607 1.163 1.232 2.109 1.676 2.579.837.883 2.057 1.399 4.038 1.182.162-.018.329-.035.5-.052 1.038-.103 2.229-.222 3.498-.711 1.443-.556 3.003-1.606 4.39-3.75a.844.844 0 1 1 1.418.919c-1.586 2.449-3.433 3.725-5.2 4.407-1.5.578-2.934.718-3.967.82l-.456.045c-2.401.264-4.182-.361-5.447-1.7-.606-.64-1.317-1.75-1.948-2.958-.638-1.221-1.233-2.62-1.585-3.878-.609-2.19-.919-5.363-1.104-7.251l-.062-.634c-.095-.928-.147-2.523-.151-4.064-.003-1.532.041-3.093.154-3.938l.035-.255.171-.193c.5-.563 1.407-1.043 2.384-1.447 1.018-.42 2.258-.814 3.559-1.15Z\"\n fill=\"#000\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M115.621 63.348a.844.844 0 0 1 .859.83l-.845.014.845-.014v.026l.001.07v.255a35.07 35.07 0 0 1-.02.9 26.743 26.743 0 0 1-.231 2.727c-.141.979-.369 2.03-.758 2.845-.37.777-1.061 1.667-2.227 1.577a.845.845 0 0 1 .132-1.684c.061.005.275 0 .571-.62.276-.58.476-1.428.61-2.359.131-.914.19-1.843.215-2.548.014-.351.017-.644.019-.848v-.235l-.001-.06v-.017a.844.844 0 0 1 .83-.86Zm-7.444-18.666c.741 2.46 1.948 4.456 3.244 5.522a.845.845 0 0 1-1.073 1.304c-1.643-1.35-2.989-3.688-3.788-6.339-.804-2.666-1.087-5.753-.502-8.674.587-2.932 2.053-5.718 4.754-7.7 2.697-1.98 6.535-3.091 11.746-2.853 5.187.238 9.051 1.463 11.916 3.243 2.87 1.782 4.695 4.094 5.844 6.432 2.13 4.338 1.929 8.773 1.87 10.08a6.306 6.306 0 0 0-.009.228l-.845-.027.845.026c-.088 2.905-.916 6.526-2.537 9.845-1.619 3.317-4.07 6.41-7.453 8.14a.844.844 0 0 1-.769-1.505c2.954-1.51 5.185-4.265 6.704-7.376 1.519-3.109 2.287-6.496 2.366-9.155v-.002c.002-.064.005-.142.01-.235.057-1.303.232-5.343-1.698-9.274-1.027-2.089-2.648-4.146-5.218-5.742-2.574-1.599-6.144-2.763-11.104-2.99m-14.303 17.052c-.737-2.445-.985-5.248-.463-7.856l.463 7.856Zm-.463-7.856c.52-2.597 1.796-4.98 4.097-6.67l-4.097 6.67Zm4.097-6.67c2.307-1.691 5.731-2.752 10.669-2.527l-10.669 2.527Zm-8.708 124.951a.842.842 0 0 1 .93.747l1.79 16.534a.844.844 0 0 1-1.679.181l-1.79-16.532a.844.844 0 0 1 .749-.93ZM88.96 81.386a.845.845 0 0 1 1.184.155c1.444 1.88 4.504 6.086 5.647 10.778 1.188 4.875 1.667 9.116 1.236 12.048a.846.846 0 0 1-1.671-.246c.383-2.604-.033-6.588-1.206-11.402-1.052-4.32-3.913-8.283-5.346-10.15a.844.844 0 0 1 .155-1.183Zm-7.232-24.382c-1.508-.762-3.128-.313-3.71-.007a.844.844 0 1 1-.786-1.494c.883-.465 3.104-1.095 5.258-.007a.844.844 0 0 1-.762 1.508Zm-12.741 0c-1.508-.762-3.129-.313-3.71-.007a.844.844 0 1 1-.786-1.494c.882-.465 3.104-1.095 5.258-.007a.845.845 0 0 1-.762 1.508Z\"\n fill=\"#000\"\n />\n </svg>\n );\n};\n\nexport default HealthcarePersonnelSmall;\n"],"names":["HealthcarePersonnelSmall","color","svgProperties","title","palette","React"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/
|
|
2
|
-
export declare const IllustrationList: readonly ["Doctor", "HealthcarePersonnel"];
|
|
2
|
+
export declare const IllustrationList: readonly ["Doctor", "FacialRecognitionFingerprint", "HealthcarePersonnel"];
|
|
3
3
|
export interface IllustrationSize {
|
|
4
4
|
small?: string;
|
|
5
5
|
medium?: string;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
const e = ["Doctor", "HealthcarePersonnel"],
|
|
1
|
+
const e = ["Doctor", "FacialRecognitionFingerprint", "HealthcarePersonnel"], i = {
|
|
2
2
|
Doctor: { small: "DoctorSmall", medium: "DoctorMedium" },
|
|
3
|
+
FacialRecognitionFingerprint: { medium: "FacialRecognitionFingerprintMedium" },
|
|
3
4
|
HealthcarePersonnel: { small: "HealthcarePersonnelSmall", medium: "HealthcarePersonnelMedium" }
|
|
4
5
|
};
|
|
5
6
|
export {
|
|
6
7
|
e as IllustrationList,
|
|
7
|
-
|
|
8
|
+
i as IllustrationSizeList
|
|
8
9
|
};
|
|
9
10
|
//# sourceMappingURL=IllustrationNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IllustrationNames.js","sources":["../../../src/components/Illustrations/IllustrationNames.ts"],"sourcesContent":["/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/\n\nexport const IllustrationList = ['Doctor', 'HealthcarePersonnel'] as const;\n\nexport interface IllustrationSize {\n small?: string;\n medium?: string;\n large?: string;\n}\n\nexport const IllustrationSizeList: Record<IllustrationName, IllustrationSize> = {\n Doctor: { small: 'DoctorSmall', medium: 'DoctorMedium' },\n HealthcarePersonnel: { small: 'HealthcarePersonnelSmall', medium: 'HealthcarePersonnelMedium' },\n};\n\nexport type IllustrationName = (typeof IllustrationList)[number];\n"],"names":["IllustrationList","IllustrationSizeList"],"mappings":"
|
|
1
|
+
{"version":3,"file":"IllustrationNames.js","sources":["../../../src/components/Illustrations/IllustrationNames.ts"],"sourcesContent":["/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/\n\nexport const IllustrationList = ['Doctor', 'FacialRecognitionFingerprint', 'HealthcarePersonnel'] as const;\n\nexport interface IllustrationSize {\n small?: string;\n medium?: string;\n large?: string;\n}\n\nexport const IllustrationSizeList: Record<IllustrationName, IllustrationSize> = {\n Doctor: { small: 'DoctorSmall', medium: 'DoctorMedium' },\n FacialRecognitionFingerprint: { medium: 'FacialRecognitionFingerprintMedium' },\n HealthcarePersonnel: { small: 'HealthcarePersonnelSmall', medium: 'HealthcarePersonnelMedium' },\n};\n\nexport type IllustrationName = (typeof IllustrationList)[number];\n"],"names":["IllustrationList","IllustrationSizeList"],"mappings":"AAEO,MAAMA,IAAmB,CAAC,UAAU,gCAAgC,qBAAqB,GAQnFC,IAAmE;AAAA,EAC9E,QAAQ,EAAE,OAAO,eAAe,QAAQ,eAAe;AAAA,EACvD,8BAA8B,EAAE,QAAQ,qCAAqC;AAAA,EAC7E,qBAAqB,EAAE,OAAO,4BAA4B,QAAQ,4BAA4B;AAChG;"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import a from "../../_virtual/dynamic-import-helper.js";
|
|
2
|
+
import o, { lazy as n, useMemo as s, Suspense as m } from "react";
|
|
3
3
|
import u from "../Illustration/Illustration.js";
|
|
4
4
|
import { getIllustration as c } from "../Illustration/utils.js";
|
|
5
5
|
import { IllustrationSizeList as p } from "../Illustrations/IllustrationNames.js";
|
|
6
|
-
import
|
|
7
|
-
import { isServerSide as
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
return
|
|
11
|
-
},
|
|
12
|
-
const l =
|
|
13
|
-
if (
|
|
6
|
+
import I from "../LazyIcon/ErrorBoundary.js";
|
|
7
|
+
import { isServerSide as d } from "../LazyIcon/utils.js";
|
|
8
|
+
const f = (r, t) => {
|
|
9
|
+
const e = p[r], l = c({ size: t, ...e });
|
|
10
|
+
return n(() => a(/* @__PURE__ */ Object.assign({ "../Illustrations/Doctor.tsx": () => import("../Illustrations/Doctor.js"), "../Illustrations/DoctorMedium.tsx": () => import("../Illustrations/DoctorMedium.js"), "../Illustrations/DoctorSmall.tsx": () => import("../Illustrations/DoctorSmall.js"), "../Illustrations/FacialRecognitionFingerprint.tsx": () => import("../Illustrations/FacialRecognitionFingerprint.js"), "../Illustrations/FacialRecognitionFingerprintMedium.tsx": () => import("../Illustrations/FacialRecognitionFingerprintMedium.js"), "../Illustrations/HealthcarePersonnel.tsx": () => import("../Illustrations/HealthcarePersonnel.js"), "../Illustrations/HealthcarePersonnelMedium.tsx": () => import("../Illustrations/HealthcarePersonnelMedium.js"), "../Illustrations/HealthcarePersonnelSmall.tsx": () => import("../Illustrations/HealthcarePersonnelSmall.js") }), `../Illustrations/${l}.tsx`));
|
|
11
|
+
}, x = ({ illustrationName: r, size: t = 512, ...e }) => {
|
|
12
|
+
const l = s(() => f(r, t), [r, t]);
|
|
13
|
+
if (d())
|
|
14
14
|
return null;
|
|
15
|
-
const
|
|
15
|
+
const i = /* @__PURE__ */ o.createElement(
|
|
16
16
|
"svg",
|
|
17
17
|
{
|
|
18
18
|
"data-testid": "fallback",
|
|
@@ -25,11 +25,11 @@ const d = (r, t) => {
|
|
|
25
25
|
height: t
|
|
26
26
|
}
|
|
27
27
|
);
|
|
28
|
-
return /* @__PURE__ */
|
|
29
|
-
},
|
|
28
|
+
return /* @__PURE__ */ o.createElement(I, { fallback: i, reset: r }, /* @__PURE__ */ o.createElement(m, { fallback: i }, /* @__PURE__ */ o.createElement(u, { illustration: l, size: t, ...e })));
|
|
29
|
+
}, H = x;
|
|
30
30
|
export {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
x as LazyIllustration,
|
|
32
|
+
H as default,
|
|
33
|
+
f as lazyLoadIllustration
|
|
34
34
|
};
|
|
35
35
|
//# sourceMappingURL=LazyIllustration.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyIllustration.js","sources":["../../../src/components/LazyIllustration/LazyIllustration.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport Illustration, { BaseIllustrationProps, SvgIllustration } from '../Illustration';\nimport { getIllustration } from '../Illustration/utils';\nimport { IllustrationName, IllustrationSizeList } from '../Illustrations/IllustrationNames';\nimport ErrorBoundary from '../LazyIcon/ErrorBoundary';\nimport { isServerSide } from '../LazyIcon/utils';\n\nexport interface LazyIllustrationProps extends BaseIllustrationProps {\n // Navnet på illustrasjonen som skal vises. Tilsvarer filnavnet til illustrasjonen i Icons-mappen\n illustrationName: IllustrationName;\n}\n\nexport const lazyLoadIllustration = (illustrationName: IllustrationName, size: number): React.LazyExoticComponent<SvgIllustration> => {\n const sizes = IllustrationSizeList[illustrationName];\n const illustrationFileName = getIllustration({ size, ...sizes });\n\n return lazy<SvgIllustration>(() => import(`../Illustrations/${illustrationFileName}.tsx`));\n};\n\nexport const LazyIllustration: React.FC<LazyIllustrationProps> = ({ illustrationName, size = 512, ...rest }) => {\n const illustration = useMemo(() => lazyLoadIllustration(illustrationName, size), [illustrationName, size]);\n\n if (isServerSide()) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 512 512\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={illustrationName}>\n <Suspense fallback={fallback}>\n <Illustration illustration={illustration} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIllustration;\n"],"names":["lazyLoadIllustration","illustrationName","size","sizes","IllustrationSizeList","illustrationFileName","getIllustration","lazy","__variableDynamicImportRuntimeHelper","LazyIllustration","rest","illustration","useMemo","isServerSide","fallback","React","ErrorBoundary","Suspense","Illustration","LazyIllustration$1"],"mappings":";;;;;;;AAaa,MAAAA,IAAuB,CAACC,GAAoCC,MAA6D;AAC9H,QAAAC,IAAQC,EAAqBH,CAAgB,GAC7CI,IAAuBC,EAAgB,EAAE,MAAAJ,GAAM,GAAGC,EAAO,CAAA;AAE/D,SAAOI,EAAsB,MAAMC,EAAA,uBAAA,OAAA,EAAA,+BAAA,MAAA,OAAA,4BAAA,GAAA,qCAAA,MAAA,OAAA,kCAAA,GAAA,oCAAA,MAAA,OAAA,iCAAA,GAAA,4CAAA,MAAA,OAAA,yCAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,GAAA,iDAAA,MAAA,OAAA,8CAAA,EAAA,CAAA,GAAA,oBAAAH,CAAA,MAAA,CAAsD;AAC3F,GAEaI,IAAoD,CAAC,EAAE,kBAAAR,GAAkB,MAAAC,IAAO,KAAK,GAAGQ,QAAW;AACxG,QAAAC,IAAeC,EAAQ,MAAMZ,EAAqBC,GAAkBC,CAAI,GAAG,CAACD,GAAkBC,CAAI,CAAC;AAEzG,MAAIW;AACK,WAAA;AAGT,QAAMC,IACJC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,MAAM;AAAA,MACN,WAAW;AAAA,MACX,eAAa;AAAA,MACb,SAAQ;AAAA,MACR,OAAO,EAAE,UAAUb,GAAM,WAAWA,EAAK;AAAA,MACzC,OAAOA;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EAAA;AAIZ,SACGa,gBAAAA,EAAA,cAAAC,GAAA,EAAc,UAAAF,GAAoB,OAAOb,KACvCc,gBAAAA,EAAA,cAAAE,GAAA,EAAS,UAAAH,KACRC,gBAAAA,EAAA,cAACG,KAAa,cAAAP,GAA4B,MAAAT,GAAa,GAAGQ,GAAM,CAClE,CACF;AAEJ,GAEAS,IAAeV;"}
|
|
1
|
+
{"version":3,"file":"LazyIllustration.js","sources":["../../../src/components/LazyIllustration/LazyIllustration.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport Illustration, { BaseIllustrationProps, SvgIllustration } from '../Illustration';\nimport { getIllustration } from '../Illustration/utils';\nimport { IllustrationName, IllustrationSizeList } from '../Illustrations/IllustrationNames';\nimport ErrorBoundary from '../LazyIcon/ErrorBoundary';\nimport { isServerSide } from '../LazyIcon/utils';\n\nexport interface LazyIllustrationProps extends BaseIllustrationProps {\n // Navnet på illustrasjonen som skal vises. Tilsvarer filnavnet til illustrasjonen i Icons-mappen\n illustrationName: IllustrationName;\n}\n\nexport const lazyLoadIllustration = (illustrationName: IllustrationName, size: number): React.LazyExoticComponent<SvgIllustration> => {\n const sizes = IllustrationSizeList[illustrationName];\n const illustrationFileName = getIllustration({ size, ...sizes });\n\n return lazy<SvgIllustration>(() => import(`../Illustrations/${illustrationFileName}.tsx`));\n};\n\nexport const LazyIllustration: React.FC<LazyIllustrationProps> = ({ illustrationName, size = 512, ...rest }) => {\n const illustration = useMemo(() => lazyLoadIllustration(illustrationName, size), [illustrationName, size]);\n\n if (isServerSide()) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 512 512\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={illustrationName}>\n <Suspense fallback={fallback}>\n <Illustration illustration={illustration} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIllustration;\n"],"names":["lazyLoadIllustration","illustrationName","size","sizes","IllustrationSizeList","illustrationFileName","getIllustration","lazy","__variableDynamicImportRuntimeHelper","LazyIllustration","rest","illustration","useMemo","isServerSide","fallback","React","ErrorBoundary","Suspense","Illustration","LazyIllustration$1"],"mappings":";;;;;;;AAaa,MAAAA,IAAuB,CAACC,GAAoCC,MAA6D;AAC9H,QAAAC,IAAQC,EAAqBH,CAAgB,GAC7CI,IAAuBC,EAAgB,EAAE,MAAAJ,GAAM,GAAGC,EAAO,CAAA;AAE/D,SAAOI,EAAsB,MAAMC,EAAA,uBAAA,OAAA,EAAA,+BAAA,MAAA,OAAA,4BAAA,GAAA,qCAAA,MAAA,OAAA,kCAAA,GAAA,oCAAA,MAAA,OAAA,iCAAA,GAAA,qDAAA,MAAA,OAAA,kDAAA,GAAA,2DAAA,MAAA,OAAA,wDAAA,GAAA,4CAAA,MAAA,OAAA,yCAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,GAAA,iDAAA,MAAA,OAAA,8CAAA,EAAA,CAAA,GAAA,oBAAAH,CAAA,MAAA,CAAsD;AAC3F,GAEaI,IAAoD,CAAC,EAAE,kBAAAR,GAAkB,MAAAC,IAAO,KAAK,GAAGQ,QAAW;AACxG,QAAAC,IAAeC,EAAQ,MAAMZ,EAAqBC,GAAkBC,CAAI,GAAG,CAACD,GAAkBC,CAAI,CAAC;AAEzG,MAAIW;AACK,WAAA;AAGT,QAAMC,IACJC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,MAAM;AAAA,MACN,WAAW;AAAA,MACX,eAAa;AAAA,MACb,SAAQ;AAAA,MACR,OAAO,EAAE,UAAUb,GAAM,WAAWA,EAAK;AAAA,MACzC,OAAOA;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EAAA;AAIZ,SACGa,gBAAAA,EAAA,cAAAC,GAAA,EAAc,UAAAF,GAAoB,OAAOb,KACvCc,gBAAAA,EAAA,cAAAE,GAAA,EAAS,UAAAH,KACRC,gBAAAA,EAAA,cAACG,KAAa,cAAAP,GAA4B,MAAAT,GAAa,GAAGQ,GAAM,CAClE,CACF;AAEJ,GAEAS,IAAeV;"}
|
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { AnalyticsId as D } from "../../constants.js";
|
|
4
|
-
import { uuid as
|
|
1
|
+
import l, { useState as S, useRef as C, useEffect as R } from "react";
|
|
2
|
+
import i from "classnames";
|
|
3
|
+
import { ZIndex as z, AnalyticsId as D } from "../../constants.js";
|
|
4
|
+
import { uuid as A } from "../../utils/uuid.js";
|
|
5
5
|
import e from "../Loader/styles.module.scss";
|
|
6
|
-
var
|
|
7
|
-
const
|
|
6
|
+
var B = /* @__PURE__ */ ((t) => (t.screen = "screen", t.parent = "parent", t))(B || {});
|
|
7
|
+
const M = (t) => {
|
|
8
8
|
const {
|
|
9
|
-
overlay:
|
|
10
|
-
color:
|
|
9
|
+
overlay: a,
|
|
10
|
+
color: r = a ? "black" : "neutral",
|
|
11
11
|
size: d = "small",
|
|
12
12
|
className: N = "",
|
|
13
|
-
labelId: m =
|
|
13
|
+
labelId: m = A(),
|
|
14
14
|
testId: L,
|
|
15
15
|
center: h,
|
|
16
16
|
inline: n,
|
|
17
17
|
ariaLabelledById: p,
|
|
18
|
-
ariaLabel:
|
|
19
|
-
} = t,
|
|
18
|
+
ariaLabel: I = "Laster inn"
|
|
19
|
+
} = t, g = () => !(a === "parent" || n), [c, u] = S(g()), _ = d === "small", y = d === "medium", f = d === "large", k = i({
|
|
20
20
|
[e["loader-wrapper--center"]]: h,
|
|
21
|
-
[e["loader-wrapper--overlay"]]:
|
|
22
|
-
[e["loader-wrapper--overlay-screen"]]:
|
|
23
|
-
[e["loader-wrapper--overlay-parent"]]:
|
|
24
|
-
[e["loader-wrapper--inline"]]: n &&
|
|
25
|
-
}), x =
|
|
21
|
+
[e["loader-wrapper--overlay"]]: a,
|
|
22
|
+
[e["loader-wrapper--overlay-screen"]]: a === "screen",
|
|
23
|
+
[e["loader-wrapper--overlay-parent"]]: a === "parent" && c,
|
|
24
|
+
[e["loader-wrapper--inline"]]: n && c
|
|
25
|
+
}), x = i(
|
|
26
26
|
e.loader,
|
|
27
27
|
{
|
|
28
28
|
[e["loader--small"]]: _,
|
|
29
|
-
[e["loader--medium"]]:
|
|
30
|
-
[e["loader--large"]]:
|
|
29
|
+
[e["loader--medium"]]: y,
|
|
30
|
+
[e["loader--large"]]: f
|
|
31
31
|
},
|
|
32
32
|
N
|
|
33
|
-
), o =
|
|
33
|
+
), o = i(e.loader__dot, {
|
|
34
34
|
[e["loader__dot--small"]]: _,
|
|
35
|
-
[e["loader__dot--medium"]]:
|
|
36
|
-
[e["loader__dot--large"]]:
|
|
37
|
-
[e["loader__dot--banana"]]:
|
|
38
|
-
[e["loader__dot--cherry"]]:
|
|
39
|
-
[e["loader__dot--kiwi"]]:
|
|
40
|
-
[e["loader__dot--neutral"]]:
|
|
41
|
-
[e["loader__dot--plum"]]:
|
|
42
|
-
[e["loader__dot--black"]]:
|
|
43
|
-
[e["loader__dot--white"]]:
|
|
44
|
-
}), s =
|
|
45
|
-
return
|
|
46
|
-
var E, b,
|
|
47
|
-
|
|
48
|
-
}, []), /* @__PURE__ */
|
|
35
|
+
[e["loader__dot--medium"]]: y,
|
|
36
|
+
[e["loader__dot--large"]]: f,
|
|
37
|
+
[e["loader__dot--banana"]]: r === "banana",
|
|
38
|
+
[e["loader__dot--cherry"]]: r === "cherry",
|
|
39
|
+
[e["loader__dot--kiwi"]]: r === "kiwi",
|
|
40
|
+
[e["loader__dot--neutral"]]: r === "neutral",
|
|
41
|
+
[e["loader__dot--plum"]]: r === "plum",
|
|
42
|
+
[e["loader__dot--black"]]: r === "black",
|
|
43
|
+
[e["loader__dot--white"]]: r === "white"
|
|
44
|
+
}), s = C(null);
|
|
45
|
+
return R(() => {
|
|
46
|
+
var v, E, b, w;
|
|
47
|
+
a === "parent" && ((E = (v = s.current) == null ? void 0 : v.parentElement) != null && E.style) && (s.current.parentElement.style.position = "relative", u(!0)), n && ((w = (b = s.current) == null ? void 0 : b.parentElement) != null && w.style) && (s.current.parentElement.style.display = "flex", u(!0));
|
|
48
|
+
}, []), /* @__PURE__ */ l.createElement("div", { className: k, ref: s, style: a === "screen" ? { zIndex: z.OverlayScreen } : {} }, c && /* @__PURE__ */ l.createElement(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
51
|
"data-testid": L,
|
|
@@ -54,15 +54,15 @@ const B = (t) => {
|
|
|
54
54
|
"aria-labelledby": p || m,
|
|
55
55
|
className: x
|
|
56
56
|
},
|
|
57
|
-
/* @__PURE__ */
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
/* @__PURE__ */
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
!p && /* @__PURE__ */
|
|
57
|
+
/* @__PURE__ */ l.createElement("div", { className: o }),
|
|
58
|
+
/* @__PURE__ */ l.createElement("div", { className: o }),
|
|
59
|
+
/* @__PURE__ */ l.createElement("div", { className: o }),
|
|
60
|
+
/* @__PURE__ */ l.createElement("div", { className: o }),
|
|
61
|
+
!p && /* @__PURE__ */ l.createElement("span", { id: m, className: e["loader__hidden-text"] }, I)
|
|
62
62
|
));
|
|
63
|
-
}, F =
|
|
63
|
+
}, F = M;
|
|
64
64
|
export {
|
|
65
|
-
|
|
65
|
+
B as Overlay,
|
|
66
66
|
F as default
|
|
67
67
|
};
|
|
68
68
|
//# sourceMappingURL=Loader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\nexport enum Overlay {\n screen = 'screen',\n parent = 'parent',\n}\n\nexport interface LoaderProps {\n /** Sets the color of the loader */\n color?: LoaderColors;\n /**\tAdds custom classes to the element. */\n className?: string;\n /** Changes the size of the loader. */\n size?: LoaderSizes;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** id of the label */\n labelId?: string;\n /** Centers the loader in a container */\n center?: boolean;\n /** Inline the loader so it can be used in a span or paragraph */\n inline?: boolean;\n /** Loader is displayed with grey background covering the entire screen */\n overlay?: keyof typeof Overlay;\n /** Individual id for loading icon (aria-labelledby). */\n ariaLabelledById?: string;\n /** String that labels the current loading element */\n ariaLabel?: string;\n}\n\nconst Loader: React.FC<LoaderProps> = props => {\n const {\n overlay,\n color = overlay ? 'black' : 'neutral',\n size = 'small',\n className = '',\n labelId = uuid(),\n testId,\n center,\n inline,\n ariaLabelledById,\n ariaLabel = 'Laster inn',\n } = props;\n\n const showLoader = (): boolean => {\n if (overlay === Overlay.parent || inline) {\n return false;\n }\n\n return true;\n };\n\n const [display, setDisplay] = useState(showLoader());\n\n const isSmall = size === 'small';\n const isMedium = size === 'medium';\n const isLarge = size === 'large';\n\n const loaderWrapperClasses = classNames({\n [loaderStyles['loader-wrapper--center']]: center,\n [loaderStyles['loader-wrapper--overlay']]: overlay,\n [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n [loaderStyles['loader-wrapper--inline']]: inline && display,\n });\n const loaderClasses = classNames(\n loaderStyles.loader,\n {\n [loaderStyles['loader--small']]: isSmall,\n [loaderStyles['loader--medium']]: isMedium,\n [loaderStyles['loader--large']]: isLarge,\n },\n className\n );\n const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n [loaderStyles['loader__dot--small']]: isSmall,\n [loaderStyles['loader__dot--medium']]: isMedium,\n [loaderStyles['loader__dot--large']]: isLarge,\n [loaderStyles['loader__dot--banana']]: color === 'banana',\n [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n [loaderStyles['loader__dot--plum']]: color === 'plum',\n [loaderStyles['loader__dot--black']]: color === 'black',\n [loaderStyles['loader__dot--white']]: color === 'white',\n });\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.position = 'relative';\n setDisplay(true);\n }\n\n if (inline && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.display = 'flex';\n setDisplay(true);\n }\n }, []);\n\n return (\n <div className={loaderWrapperClasses} ref={wrapperRef}>\n {display && (\n <div\n data-testid={testId}\n data-analyticsid={AnalyticsId.Loader}\n role=\"progressbar\"\n aria-labelledby={ariaLabelledById || labelId}\n className={loaderClasses}\n >\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n {!ariaLabelledById && (\n <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n {ariaLabel}\n </span>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default Loader;\n"],"names":["Overlay","Loader","props","overlay","color","size","className","labelId","uuid","testId","center","inline","ariaLabelledById","ariaLabel","showLoader","display","setDisplay","useState","isSmall","isMedium","isLarge","loaderWrapperClasses","classNames","loaderStyles","loaderClasses","loaderDotClasses","wrapperRef","useRef","useEffect","_b","_a","_d","_c","React","AnalyticsId","Loader$1"],"mappings":";;;;;AAYY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;AA4BZ,MAAMC,IAAgC,CAASC,MAAA;AACvC,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,OAAAC,IAAQD,IAAU,UAAU;AAAA,IAC5B,MAAAE,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAUC,EAAK;AAAA,IACf,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,EACV,IAAAX,GAEEY,IAAa,MACb,EAAAX,MAAY,YAAkBQ,IAO9B,CAACI,GAASC,CAAU,IAAIC,EAASH,EAAY,CAAA,GAE7CI,IAAUb,MAAS,SACnBc,IAAWd,MAAS,UACpBe,IAAUf,MAAS,SAEnBgB,IAAuBC,EAAW;AAAA,IACtC,CAACC,EAAa,wBAAwB,CAAC,GAAGb;AAAA,IAC1C,CAACa,EAAa,yBAAyB,CAAC,GAAGpB;AAAA,IAC3C,CAACoB,EAAa,gCAAgC,CAAC,GAAGpB,MAAY;AAAA,IAC9D,CAACoB,EAAa,gCAAgC,CAAC,GAAGpB,MAAY,YAAkBY;AAAA,IAChF,CAACQ,EAAa,wBAAwB,CAAC,GAAGZ,KAAUI;AAAA,EAAA,CACrD,GACKS,IAAgBF;AAAA,IACpBC,EAAa;AAAA,IACb;AAAA,MACE,CAACA,EAAa,eAAe,CAAC,GAAGL;AAAA,MACjC,CAACK,EAAa,gBAAgB,CAAC,GAAGJ;AAAA,MAClC,CAACI,EAAa,eAAe,CAAC,GAAGH;AAAA,IACnC;AAAA,IACAd;AAAA,EAAA,GAEImB,IAAmBH,EAAWC,EAAa,aAAa;AAAA,IAC5D,CAACA,EAAa,oBAAoB,CAAC,GAAGL;AAAA,IACtC,CAACK,EAAa,qBAAqB,CAAC,GAAGJ;AAAA,IACvC,CAACI,EAAa,oBAAoB,CAAC,GAAGH;AAAA,IACtC,CAACG,EAAa,qBAAqB,CAAC,GAAGnB,MAAU;AAAA,IACjD,CAACmB,EAAa,qBAAqB,CAAC,GAAGnB,MAAU;AAAA,IACjD,CAACmB,EAAa,mBAAmB,CAAC,GAAGnB,MAAU;AAAA,IAC/C,CAACmB,EAAa,sBAAsB,CAAC,GAAGnB,MAAU;AAAA,IAClD,CAACmB,EAAa,mBAAmB,CAAC,GAAGnB,MAAU;AAAA,IAC/C,CAACmB,EAAa,oBAAoB,CAAC,GAAGnB,MAAU;AAAA,IAChD,CAACmB,EAAa,oBAAoB,CAAC,GAAGnB,MAAU;AAAA,EAAA,CACjD,GAEKsB,IAAaC,EAAuB,IAAI;AAE9C,SAAAC,EAAU,MAAM;;AACd,IAAIzB,MAAY,cAAkB0B,KAAAC,IAAAJ,EAAW,YAAX,gBAAAI,EAAoB,kBAApB,QAAAD,EAAmC,WACxDH,EAAA,QAAQ,cAAc,MAAM,WAAW,YAClDV,EAAW,EAAI,IAGbL,OAAUoB,KAAAC,IAAAN,EAAW,YAAX,gBAAAM,EAAoB,kBAApB,QAAAD,EAAmC,WACpCL,EAAA,QAAQ,cAAc,MAAM,UAAU,QACjDV,EAAW,EAAI;AAAA,EAEnB,GAAG,CAAE,CAAA,mCAGF,OAAI,EAAA,WAAWK,GAAsB,KAAKK,
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\nexport enum Overlay {\n screen = 'screen',\n parent = 'parent',\n}\n\nexport interface LoaderProps {\n /** Sets the color of the loader */\n color?: LoaderColors;\n /**\tAdds custom classes to the element. */\n className?: string;\n /** Changes the size of the loader. */\n size?: LoaderSizes;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** id of the label */\n labelId?: string;\n /** Centers the loader in a container */\n center?: boolean;\n /** Inline the loader so it can be used in a span or paragraph */\n inline?: boolean;\n /** Loader is displayed with grey background covering the entire screen */\n overlay?: keyof typeof Overlay;\n /** Individual id for loading icon (aria-labelledby). */\n ariaLabelledById?: string;\n /** String that labels the current loading element */\n ariaLabel?: string;\n}\n\nconst Loader: React.FC<LoaderProps> = props => {\n const {\n overlay,\n color = overlay ? 'black' : 'neutral',\n size = 'small',\n className = '',\n labelId = uuid(),\n testId,\n center,\n inline,\n ariaLabelledById,\n ariaLabel = 'Laster inn',\n } = props;\n\n const showLoader = (): boolean => {\n if (overlay === Overlay.parent || inline) {\n return false;\n }\n\n return true;\n };\n\n const [display, setDisplay] = useState(showLoader());\n\n const isSmall = size === 'small';\n const isMedium = size === 'medium';\n const isLarge = size === 'large';\n\n const loaderWrapperClasses = classNames({\n [loaderStyles['loader-wrapper--center']]: center,\n [loaderStyles['loader-wrapper--overlay']]: overlay,\n [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n [loaderStyles['loader-wrapper--inline']]: inline && display,\n });\n const loaderClasses = classNames(\n loaderStyles.loader,\n {\n [loaderStyles['loader--small']]: isSmall,\n [loaderStyles['loader--medium']]: isMedium,\n [loaderStyles['loader--large']]: isLarge,\n },\n className\n );\n const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n [loaderStyles['loader__dot--small']]: isSmall,\n [loaderStyles['loader__dot--medium']]: isMedium,\n [loaderStyles['loader__dot--large']]: isLarge,\n [loaderStyles['loader__dot--banana']]: color === 'banana',\n [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n [loaderStyles['loader__dot--plum']]: color === 'plum',\n [loaderStyles['loader__dot--black']]: color === 'black',\n [loaderStyles['loader__dot--white']]: color === 'white',\n });\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.position = 'relative';\n setDisplay(true);\n }\n\n if (inline && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.display = 'flex';\n setDisplay(true);\n }\n }, []);\n\n return (\n <div className={loaderWrapperClasses} ref={wrapperRef} style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}>\n {display && (\n <div\n data-testid={testId}\n data-analyticsid={AnalyticsId.Loader}\n role=\"progressbar\"\n aria-labelledby={ariaLabelledById || labelId}\n className={loaderClasses}\n >\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n {!ariaLabelledById && (\n <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n {ariaLabel}\n </span>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default Loader;\n"],"names":["Overlay","Loader","props","overlay","color","size","className","labelId","uuid","testId","center","inline","ariaLabelledById","ariaLabel","showLoader","display","setDisplay","useState","isSmall","isMedium","isLarge","loaderWrapperClasses","classNames","loaderStyles","loaderClasses","loaderDotClasses","wrapperRef","useRef","useEffect","_b","_a","_d","_c","ZIndex","React","AnalyticsId","Loader$1"],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum ProgressbarSize {
|
|
3
|
+
small = "small",
|
|
4
|
+
medium = "medium",
|
|
5
|
+
large = "large"
|
|
6
|
+
}
|
|
7
|
+
export declare enum ProgressBarMode {
|
|
8
|
+
ondark = "ondark",
|
|
9
|
+
onlight = "onlight"
|
|
10
|
+
}
|
|
11
|
+
export declare enum Overlay {
|
|
12
|
+
screen = "screen",
|
|
13
|
+
parent = "parent"
|
|
14
|
+
}
|
|
15
|
+
export interface ProgressbarProps {
|
|
16
|
+
/** The value of the progressbar given in percent. Value between 0 and 100 */
|
|
17
|
+
value: number;
|
|
18
|
+
/** Size of the progressbar. Default is large */
|
|
19
|
+
size?: ProgressbarSize;
|
|
20
|
+
/** Changes the visuals of the ProgressBar. Default is onLight */
|
|
21
|
+
mode?: ProgressBarMode;
|
|
22
|
+
/** Loader is displayed with grey background covering the entire screen */
|
|
23
|
+
overlay?: keyof typeof Overlay;
|
|
24
|
+
/** Aria label for the progressbar */
|
|
25
|
+
ariaLabel?: string;
|
|
26
|
+
/** Sets the data-testid attribute */
|
|
27
|
+
testId?: string;
|
|
28
|
+
}
|
|
29
|
+
declare const Progressbar: React.FC<ProgressbarProps>;
|
|
30
|
+
export default Progressbar;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import a, { useRef as _, useEffect as v } from "react";
|
|
2
|
+
import $ from "classnames";
|
|
3
|
+
import { ZIndex as N } from "../../constants.js";
|
|
4
|
+
import { palette as o } from "../../theme/palette.js";
|
|
5
|
+
import s from "../Progressbar/styles.module.scss";
|
|
6
|
+
var B = /* @__PURE__ */ ((e) => (e.small = "small", e.medium = "medium", e.large = "large", e))(B || {}), C = /* @__PURE__ */ ((e) => (e.ondark = "ondark", e.onlight = "onlight", e))(C || {}), R = /* @__PURE__ */ ((e) => (e.screen = "screen", e.parent = "parent", e))(R || {});
|
|
7
|
+
const I = ({
|
|
8
|
+
value: e,
|
|
9
|
+
size: c = "large",
|
|
10
|
+
mode: i = "onlight",
|
|
11
|
+
overlay: t,
|
|
12
|
+
testId: b,
|
|
13
|
+
ariaLabel: w
|
|
14
|
+
}) => {
|
|
15
|
+
t && (i = "ondark"), e = Math.max(0, Math.min(e, 100));
|
|
16
|
+
let n;
|
|
17
|
+
c === "large" ? n = 96 : c === "medium" ? n = 50 : n = 44;
|
|
18
|
+
const m = n / 2, p = 8, f = m - p / 2, l = m * 2, r = m, k = i === "onlight" ? o.blueberry100 : o.neutral700, h = i === "onlight" ? o.blueberry600 : o.white, g = 2 * Math.PI * f, y = g - e / 100 * g, d = _(null);
|
|
19
|
+
v(() => {
|
|
20
|
+
var u, x;
|
|
21
|
+
t === "parent" && ((x = (u = d.current) == null ? void 0 : u.parentElement) != null && x.style) && (d.current.parentElement.style.position = "relative");
|
|
22
|
+
}, []);
|
|
23
|
+
const E = $({
|
|
24
|
+
[s["progressbar--overlay"]]: t,
|
|
25
|
+
[s["progressbar--overlay-screen"]]: t === "screen",
|
|
26
|
+
[s["progressbar--overlay-parent"]]: t === "parent"
|
|
27
|
+
/* parent */
|
|
28
|
+
});
|
|
29
|
+
return /* @__PURE__ */ a.createElement(
|
|
30
|
+
"div",
|
|
31
|
+
{
|
|
32
|
+
ref: d,
|
|
33
|
+
className: E,
|
|
34
|
+
"data-testid": b,
|
|
35
|
+
role: "progressbar",
|
|
36
|
+
"aria-valuenow": e,
|
|
37
|
+
"aria-label": w,
|
|
38
|
+
"aria-live": "polite",
|
|
39
|
+
style: t === "screen" ? { zIndex: N.OverlayScreen } : {}
|
|
40
|
+
},
|
|
41
|
+
/* @__PURE__ */ a.createElement(
|
|
42
|
+
"svg",
|
|
43
|
+
{
|
|
44
|
+
role: "presentation",
|
|
45
|
+
width: l,
|
|
46
|
+
height: l,
|
|
47
|
+
viewBox: `0 0 ${l} ${l}`,
|
|
48
|
+
className: s.progressbar__svg
|
|
49
|
+
},
|
|
50
|
+
/* @__PURE__ */ a.createElement("circle", { cx: r, cy: r, r: f, stroke: k, strokeWidth: p, fill: "none" }),
|
|
51
|
+
/* @__PURE__ */ a.createElement(
|
|
52
|
+
"circle",
|
|
53
|
+
{
|
|
54
|
+
cx: r,
|
|
55
|
+
cy: r,
|
|
56
|
+
r: f,
|
|
57
|
+
stroke: h,
|
|
58
|
+
strokeWidth: p,
|
|
59
|
+
fill: "none",
|
|
60
|
+
strokeDasharray: g,
|
|
61
|
+
strokeDashoffset: y,
|
|
62
|
+
className: s["progressbar__progress-circle"],
|
|
63
|
+
transform: `rotate(-90 ${r} ${r})`
|
|
64
|
+
}
|
|
65
|
+
),
|
|
66
|
+
" ",
|
|
67
|
+
/* @__PURE__ */ a.createElement(
|
|
68
|
+
"text",
|
|
69
|
+
{
|
|
70
|
+
className: "progress-wheel__text--large",
|
|
71
|
+
fontSize: "1.5rem",
|
|
72
|
+
fill: h,
|
|
73
|
+
x: r,
|
|
74
|
+
y: r,
|
|
75
|
+
textAnchor: "middle",
|
|
76
|
+
alignmentBaseline: "middle"
|
|
77
|
+
},
|
|
78
|
+
c == "large" && `${e}%`
|
|
79
|
+
)
|
|
80
|
+
)
|
|
81
|
+
);
|
|
82
|
+
}, Z = I;
|
|
83
|
+
export {
|
|
84
|
+
R as Overlay,
|
|
85
|
+
C as ProgressBarMode,
|
|
86
|
+
B as ProgressbarSize,
|
|
87
|
+
Z as default
|
|
88
|
+
};
|
|
89
|
+
//# sourceMappingURL=Progressbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progressbar.js","sources":["../../../src/components/Progressbar/Progressbar.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\n\nimport classNames from 'classnames';\n\nimport { ZIndex } from '../../constants';\nimport { palette } from '../../theme/palette';\n\nimport styles from './styles.module.scss';\n\nexport enum ProgressbarSize {\n small = 'small',\n medium = 'medium',\n large = 'large',\n}\n\nexport enum ProgressBarMode {\n ondark = 'ondark',\n onlight = 'onlight',\n}\n\nexport enum Overlay {\n screen = 'screen',\n parent = 'parent',\n}\nexport interface ProgressbarProps {\n /** The value of the progressbar given in percent. Value between 0 and 100 */\n value: number;\n /** Size of the progressbar. Default is large */\n size?: ProgressbarSize;\n /** Changes the visuals of the ProgressBar. Default is onLight */\n mode?: ProgressBarMode;\n /** Loader is displayed with grey background covering the entire screen */\n overlay?: keyof typeof Overlay;\n /** Aria label for the progressbar */\n ariaLabel?: string;\n /** Sets the data-testid attribute */\n testId?: string;\n}\n\nconst Progressbar: React.FC<ProgressbarProps> = ({\n value,\n size = ProgressbarSize.large,\n mode = ProgressBarMode.onlight,\n overlay,\n testId,\n ariaLabel,\n}: ProgressbarProps) => {\n if (overlay) {\n mode = ProgressBarMode.ondark;\n }\n // Restrict value to be between 0 and 100\n value = Math.max(0, Math.min(value, 100));\n\n let width;\n if (size === ProgressbarSize.large) {\n width = 96;\n } else if (size === ProgressbarSize.medium) {\n width = 50;\n } else {\n width = 44;\n }\n\n const totalRadius = width / 2;\n const strokeWidth = 8;\n const radius = totalRadius - strokeWidth / 2;\n const viewBoxSize = totalRadius * 2;\n const viewBoxCenter = totalRadius;\n const circleBackgroundColor = mode === ProgressBarMode.onlight ? palette.blueberry100 : palette.neutral700;\n const mainColor = mode === ProgressBarMode.onlight ? palette.blueberry600 : palette.white;\n const circumference = 2 * Math.PI * radius;\n const strokeDashoffset = circumference - (value / 100) * circumference;\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.position = 'relative';\n }\n }, []);\n\n const wrapperClasses = classNames({\n [styles['progressbar--overlay']]: overlay,\n [styles['progressbar--overlay-screen']]: overlay === Overlay.screen,\n [styles['progressbar--overlay-parent']]: overlay === Overlay.parent,\n });\n\n return (\n <div\n ref={wrapperRef}\n className={wrapperClasses}\n data-testid={testId}\n role=\"progressbar\"\n aria-valuenow={value}\n aria-label={ariaLabel}\n aria-live=\"polite\"\n style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}\n >\n <svg\n role=\"presentation\"\n width={viewBoxSize}\n height={viewBoxSize}\n viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n className={styles['progressbar__svg']}\n >\n <circle cx={viewBoxCenter} cy={viewBoxCenter} r={radius} stroke={circleBackgroundColor} strokeWidth={strokeWidth} fill=\"none\" />\n <circle\n cx={viewBoxCenter}\n cy={viewBoxCenter}\n r={radius}\n stroke={mainColor}\n strokeWidth={strokeWidth}\n fill=\"none\"\n strokeDasharray={circumference}\n strokeDashoffset={strokeDashoffset}\n className={styles['progressbar__progress-circle']}\n transform={`rotate(-90 ${viewBoxCenter} ${viewBoxCenter})`}\n />{' '}\n <text\n className=\"progress-wheel__text--large\"\n fontSize={'1.5rem'}\n fill={mainColor}\n x={viewBoxCenter}\n y={viewBoxCenter}\n textAnchor=\"middle\"\n alignmentBaseline=\"middle\"\n >\n {size == ProgressbarSize.large && `${value}%`}\n </text>\n </svg>\n </div>\n );\n};\n\nexport default Progressbar;\n"],"names":["ProgressbarSize","ProgressBarMode","Overlay","Progressbar","value","size","mode","overlay","testId","ariaLabel","width","totalRadius","strokeWidth","radius","viewBoxSize","viewBoxCenter","circleBackgroundColor","palette","mainColor","circumference","strokeDashoffset","wrapperRef","useRef","useEffect","_b","_a","wrapperClasses","classNames","styles","React","ZIndex","Progressbar$1"],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
import { ProgressBarMode, ProgressbarSize } from './Progressbar';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.FC<import("./Progressbar").ProgressbarProps>;
|
|
7
|
+
parameters: {
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
page: () => React.JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
args: {
|
|
16
|
+
value: number;
|
|
17
|
+
size: ProgressbarSize.large;
|
|
18
|
+
mode: ProgressBarMode.onlight;
|
|
19
|
+
};
|
|
20
|
+
argTypes: {
|
|
21
|
+
value: {
|
|
22
|
+
control: string;
|
|
23
|
+
};
|
|
24
|
+
size: {
|
|
25
|
+
control: string;
|
|
26
|
+
options: string[];
|
|
27
|
+
};
|
|
28
|
+
mode: {
|
|
29
|
+
control: string;
|
|
30
|
+
options: string[];
|
|
31
|
+
};
|
|
32
|
+
ariaLabel: {
|
|
33
|
+
control: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
export declare const Default: Story;
|
|
40
|
+
export declare const Animated: Story;
|
|
41
|
+
export declare const Modes: Story;
|
|
42
|
+
export declare const OverlayScreen: Story;
|
|
43
|
+
export declare const OverlayParent: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@import '../../scss/palette';
|
|
2
|
+
|
|
3
|
+
.progressbar {
|
|
4
|
+
&__svg {
|
|
5
|
+
display: inline-block;
|
|
6
|
+
position: relative;
|
|
7
|
+
overflow: visible;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&__progress-circle {
|
|
11
|
+
transition-property: stroke-dashoffset;
|
|
12
|
+
transition-duration: 0.5s;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&--overlay {
|
|
16
|
+
display: flex;
|
|
17
|
+
align-items: center;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&--overlay-screen {
|
|
22
|
+
background: $transparent-grey;
|
|
23
|
+
position: fixed;
|
|
24
|
+
inset: 0;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&--overlay-parent {
|
|
28
|
+
position: absolute;
|
|
29
|
+
top: 0;
|
|
30
|
+
left: 0;
|
|
31
|
+
background: $transparent-grey;
|
|
32
|
+
height: 100%;
|
|
33
|
+
width: 100%;
|
|
34
|
+
}
|
|
35
|
+
}
|