@helsenorge/designsystem-react 12.12.2 → 12.12.3

package/src/components/Icons/Website.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const Website: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): JSX.Element => {
-  const normal = (
-    <path
-      fillRule={'evenodd'}
-      d="M24.073 33.389h13.765V21.88H24.073v11.509zm-1 1h15.765V20.88H23.073v13.509zm-12.887-8.28h9.25v-7.728h-9.25v7.728zm-1 1h11.25v-9.728H9.186v9.728zm-.127 6.683h11.24v-1.3H9.059v1.3zm14.012-15.124h11.24v-1.3h-11.24v1.3zM9.059 30.509h11.24v-1.3H9.059v1.3zm4.961-19.386a.659.659 0 111.318 0 .659.659 0 01-1.318 0zm-2.43 0a.659.659 0 111.317 0 .659.659 0 01-1.317 0zm-2.431 0a.659.659 0 111.318 0 .659.659 0 01-1.318 0zm30.643 27.025H8.33c-.877 0-1.59-.713-1.59-1.589V14.708h34.651v21.851c0 .876-.713 1.589-1.589 1.589zM8.33 8.744h31.472c.876 0 1.589.713 1.589 1.589v3.075H6.74v-3.075c0-.876.713-1.589 1.59-1.589zm31.472-1.3H8.33a2.892 2.892 0 00-2.889 2.889v26.226a2.892 2.892 0 002.889 2.889h31.472a2.892 2.892 0 002.889-2.889V10.333a2.892 2.892 0 00-2.889-2.889z"
-    />
-  );
-
-  const normalHover = (
-    <path
-      fillRule={'evenodd'}
-      d="M23.071 37.645h6.392v-1.3h-6.392v1.3zm1.002-6.096h13.765V20.04H24.073v11.509zm-1 1h15.765V19.04H23.073v13.509zm-12.887-8.28h9.25v-7.728h-9.25v7.728zm-1 1h11.25v-9.728H9.186v9.728zm-.127 6.683h11.24v-1.3H9.059v1.3zm14.012-15.124h11.24v-1.3h-11.24v1.3zM9.059 28.67h11.24v-1.3H9.059v1.3zm4.961-17.547a.659.659 0 111.317 0 .659.659 0 01-1.317 0zm-2.43 0a.659.659 0 111.317 0 .659.659 0 01-1.317 0zm-2.431 0a.659.659 0 111.317 0 .659.659 0 01-1.317 0zm30.643 27.025H20.436v-1.79H9.186v1.79H8.33c-.877 0-1.59-.713-1.59-1.589V14.708h34.651v21.851c0 .876-.713 1.589-1.589 1.589zm-29.616 0h9.25v-.79h-9.25v.79zM8.33 8.744h31.472c.876 0 1.589.713 1.589 1.589v3.075H6.74v-3.075c0-.876.713-1.589 1.59-1.589zm31.472-1.3H8.33a2.892 2.892 0 00-2.889 2.889v26.226a2.892 2.892 0 002.889 2.889h31.472a2.892 2.892 0 002.889-2.889V10.333a2.892 2.892 0 00-2.889-2.889z"
-    />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default Website;

package/src/components/Icons/Wheelchair.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const Wheelchair: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path
-      fillRule={'evenodd'}
-      d="M40.308 39.676l-4.09-11.21c-.29-.8-1.07-1.34-1.92-1.34h-.74c-1.52.01-3.05.02-4.58-.01l-3.17-.03-.58-4.6h7.58c.74 0 1.35-.61 1.35-1.35 0-.75-.61-1.35-1.35-1.35h-7.96l-.54-3.36c-.17-1.23-1.31-2.11-2.53-1.96a2.266 2.266 0 00-2 2.53l.5 4.18.46 3.94.56 4.69a2.402 2.402 0 002.4 2.11l4.36-.04.93-.01c.79-.02 1.59-.02 2.39-.02h1.46l3.4 9.32c.2.54.6.98 1.13 1.22.52.24 1.11.27 1.65.07.54-.2.98-.6 1.22-1.12.25-.53.27-1.11.07-1.66m1.11 2.21c-.39.84-1.08 1.47-1.95 1.79-.39.14-.79.21-1.19.21a3.468 3.468 0 01-3.26-2.28l-2.89-7.91-.2-.55c-.97 0-1.95 0-2.92.01l-.95.01-4.35.05a3.713 3.713 0 01-3.7-3.25l-.56-4.71-.18-1.56-.16-1.29-.12-1.06-.5-4.19a3.573 3.573 0 013.13-3.98c1.92-.23 3.7 1.14 3.98 3.05l.35 2.26h6.86c1.46 0 2.65 1.19 2.65 2.65s-1.19 2.65-2.65 2.65h-6.11l.26 2.01 2.04.02c1.52.03 3.04.02 4.56.01h.74c1.4 0 2.66.88 3.14 2.19l4.09 11.22c.32.87.28 1.81-.11 2.65m-23.41-34.46a3.056 3.056 0 006.11 0 3.05 3.05 0 00-3.05-3.05c-1.69 0-3.06 1.36-3.06 3.05m-1.3 0c0-2.4 1.96-4.35 4.36-4.35a4.36 4.36 0 014.35 4.35c0 2.4-1.96 4.35-4.35 4.35-2.4 0-4.36-1.95-4.36-4.35m12.69 26.72l1.3.02c-.5 5.48-5.13 9.79-10.74 9.79-5.96 0-10.8-4.84-10.8-10.79 0-5.23 3.73-9.6 8.67-10.59l.15 1.3c-4.29.91-7.52 4.73-7.52 9.29 0 5.23 4.26 9.49 9.5 9.49 4.9 0 8.95-3.74 9.44-8.51"
-    />
-  );
-
-  const normalHover = (
-    <path
-      fillRule={'evenodd'}
-      d="M40.31 39.676l-4.09-11.21c-.3-.8-1.07-1.34-1.92-1.34h-.74c-1.52.01-3.05.02-4.58-.01l-2.97-.03-.13-4.38 7.69.03a1.35 1.35 0 001.42-1.3c.01-.36-.12-.7-.36-.97-.25-.26-.58-.41-.94-.43l-7.9-.07-.19-3.45c-.05-1.24-1.07-2.22-2.28-2.22h-.04c-.61.01-1.18.26-1.6.69-.43.44-.66 1.02-.65 1.63l.09 4.6.08 3.97.1 4.69c.14 1.15 1.21 2.04 2.4 2.04l4.36-.04.93-.01c.79-.02 1.59-.02 2.39-.02h1.46l3.4 9.32a2.167 2.167 0 104.07-1.49m1.11 2.21c-.39.84-1.08 1.47-1.95 1.79-.39.14-.79.21-1.19.21a3.468 3.468 0 01-3.26-2.28l-2.89-7.91-.2-.55c-.97 0-1.95 0-2.93.01l-.94.01-4.35.05c-1.84.01-3.48-1.37-3.71-3.25l-.1-4.76-.03-1.54-.02-1.3-.03-1.1-.09-4.63c-.01-.96.35-1.87 1.02-2.55a3.56 3.56 0 012.52-1.09c1.93-.04 3.56 1.53 3.63 3.46l.12 2.22 6.7.06a2.664 2.664 0 012.57 2.75c-.03.71-.33 1.36-.85 1.84s-1.2.73-1.9.71l-6.32-.03.05 1.79 1.73.02c1.52.03 3.04.02 4.56.01h.74c1.39 0 2.66.88 3.14 2.19l4.09 11.22c.32.87.28 1.81-.11 2.65m-21.3-34.46a3.056 3.056 0 006.11 0 3.05 3.05 0 00-3.05-3.05c-1.69 0-3.06 1.36-3.06 3.05m-1.3 0c0-2.4 1.96-4.35 4.36-4.35 2.4 0 4.35 1.95 4.35 4.35 0 2.4-1.95 4.35-4.35 4.35-2.4 0-4.36-1.95-4.36-4.35m10.58 26.72l1.3.02c-.5 5.48-5.13 9.79-10.74 9.79-5.96 0-10.8-4.84-10.8-10.79 0-5.52 4.15-10.08 9.5-10.72l.03 1.31c-4.64.62-8.23 4.6-8.23 9.41 0 5.23 4.26 9.49 9.5 9.49 4.9 0 8.95-3.74 9.44-8.51"
-    />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default Wheelchair;

package/src/components/Icons/WheelchairActive.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const WheelchairActive: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path
-      fillRule={'evenodd'}
-      d="M17.5 42.733c-5.24 0-9.49-4.25-9.49-9.49 0-5.23 4.25-9.49 9.49-9.49 5.23 0 9.49 4.26 9.49 9.49 0 5.24-4.26 9.49-9.49 9.49m9.58-14.45c-.22-.44-.48-.85-.76-1.25-.3-.43-.63-.84-.99-1.21-.32-.33-.65-.65-1.01-.94-.96-.78-2.06-1.4-3.25-1.81a7.91 7.91 0 00-1.26-.37 10.727 10.727 0 00-6.04.42l3.39-4.47 4.15.5-.96 2.29c.43.1.84.23 1.25.37l1.57-3.74-6.6-.8-4.25 5.6c-.48.64-1.39.76-2.03.28-.64-.48-.76-1.4-.28-2.04l4.77-6.24c.28-.37.72-.57 1.19-.56l10.03.37c.98.04 1.75.86 1.71 1.84-.01.22-.05.43-.13.61l-2.72 6.46c.36.28.71.58 1.04.9l2.83-6.74.05-.11a3.094 3.094 0 00-2.73-4.26l-9.93-.37h-.11c-.88-.03-1.73.37-2.26 1.07l-4.78 6.25c-.91 1.21-.68 2.94.53 3.85.42.32.9.5 1.38.54a10.777 10.777 0 00-4.17 8.52c0 5.95 4.84 10.79 10.79 10.79 5.95 0 10.79-4.84 10.79-10.79v-.03a10.67 10.67 0 00-1.21-4.93m12.43 14.71a3.153 3.153 0 01-4.21-1.48l-4.08-8.49-1.58.1c0-.44-.03-.87-.08-1.29l2.45-.16 4.46 9.28c.45.92 1.55 1.31 2.47.87.45-.22.78-.59.95-1.06.16-.46.13-.97-.08-1.41l-5.01-10.41c-.33-.69-1.03-1.1-1.79-1.05l-4.48.29c-.19-.43-.42-.85-.66-1.25l5.06-.34c1.28-.08 2.48.62 3.04 1.78l5.01 10.41c.75 1.57.09 3.46-1.47 4.21M29.09 5.263c1.68 0 3.05 1.37 3.05 3.05a3.056 3.056 0 01-6.11 0c0-1.68 1.37-3.05 3.06-3.05m0 7.4c2.4 0 4.35-1.95 4.35-4.35 0-2.4-1.95-4.35-4.35-4.35-2.4 0-4.36 1.95-4.36 4.35 0 2.4 1.96 4.35 4.36 4.35"
-    />
-  );
-
-  const normalHover = (
-    <path
-      fillRule={'evenodd'}
-      d="M19.17 42.733c-5.23 0-9.49-4.25-9.49-9.49 0-5.23 4.26-9.49 9.49-9.49s9.49 4.26 9.49 9.49c0 5.24-4.26 9.49-9.49 9.49m9.58-14.45a11.402 11.402 0 00-1.26-1.91c-.3-.35-.61-.69-.95-1.01-.9-.84-1.96-1.54-3.11-2.03-.4-.18-.82-.33-1.24-.45-.96-.28-1.97-.43-3.02-.43-.42 0-.84.02-1.25.08l2-3.85 4 .76-1.12 2.22c.42.12.83.28 1.23.46l1.82-3.64-6.64-1.26-2.55 4.94c-.53.56-1.42.6-2 .09-.61-.53-.67-1.44-.16-2.03l3.23-5.53c.31-.32.75-.49 1.19-.44l9.98 1.04c.98.11 1.69.98 1.58 1.96-.02.21-.08.41-.17.6l-3.15 6.27c.35.29.68.61.98.95l3.33-6.64c.17-.33.27-.68.31-1.05.17-1.68-1.06-3.2-2.74-3.38l-9.89-1.04-.1-.01a2.77 2.77 0 00-2.33.92l-3.22 5.52c-.96 1.15-.83 2.86.3 3.84.17.14.34.26.53.36-3.52 1.78-5.95 5.44-5.95 9.65 0 5.95 4.84 10.79 10.79 10.79 5.95 0 10.79-4.84 10.79-10.79v-.03a10.67 10.67 0 00-1.21-4.93m12.43 14.71c-.43.21-.9.31-1.36.31-.35 0-.71-.06-1.05-.18-.79-.28-1.43-.85-1.79-1.61l-4.09-8.49-1.58.1c0-.44-.03-.87-.08-1.29l2.45-.16 4.47 9.28c.21.45.59.78 1.05.95.47.16.97.13 1.42-.08.92-.45 1.3-1.55.86-2.47l-5-10.41c-.33-.69-1.03-1.1-1.79-1.05l-4.49.3c-.19-.43-.41-.85-.66-1.26l5.06-.34c1.29-.08 2.48.62 3.05 1.78l5 10.41c.76 1.57.1 3.46-1.47 4.21m-8.75-37.73c1.69 0 3.06 1.37 3.06 3.05a3.056 3.056 0 01-6.11 0c0-1.68 1.37-3.05 3.05-3.05m0 7.4c2.4 0 4.36-1.95 4.36-4.35 0-2.4-1.96-4.35-4.36-4.35-2.4 0-4.35 1.95-4.35 4.35 0 2.4 1.95 4.35 4.35 4.35"
-    />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default WheelchairActive;

package/src/components/Icons/Window.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const Window: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path d="M39.386 8.475l.033 29.72h1.68v1.3H6.902v-1.3H8.58l-.033-29.72h30.839zm-1.3 1.3H9.85l.03 28.42h28.24l-.032-28.42zm-1.453 1.453v25.835H24.788v-9.858h-1.642v9.858H11.301V11.228h25.332zm-1.3 15.977h-9.245v8.558h9.245v-8.558zm-13.487-.001h-9.245v8.558h9.245v-8.558zm13.487-12.253H12.601v10.953h22.732V14.951zm0-2.422H12.601v1.121h22.732v-1.121z" />
-  );
-
-  const normalHover = (
-    <path d="M39.418 8.475l.034 29.72h1.68v1.3H6.933v-1.3h1.68l-.035-29.72h30.84zm-1.298 1.3H9.881l.032 28.42h28.24l-.033-28.42zm-1.454 1.453v25.835H24.821v-7.607h-1.642v7.607H11.334V11.228h25.332zm-1.3 18.228h-9.245v6.307h9.245v-6.307zm-13.487-.001h-9.245v6.307h9.245v-6.307zm13.486-14.504H12.634v13.204h22.731V14.951zm.001-2.422H12.635v1.121h22.731v-1.121z" />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default Window;

package/src/components/Icons/WordDocument.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const WordDocument: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): JSX.Element => {
-  const normal = (
-    <path
-      fillRule="evenodd"
-      d="M27.676 29.499c.183-.249.437-.373.763-.373.33 0 .57.081.723.245.154.162.251.406.291.732h.781c-.051-.514-.226-.91-.522-1.187-.297-.277-.721-.416-1.273-.416-.549 0-.988.182-1.319.545-.331.365-.496.837-.496 1.417v.891c0 .583.164 1.057.491 1.417.328.361.769.541 1.324.541.541 0 .964-.141 1.267-.422.302-.282.478-.669.525-1.161h-.781c-.041.323-.138.564-.294.722-.155.159-.394.238-.717.238-.33 0-.586-.124-.767-.371-.181-.247-.27-.568-.27-.964v-.897c0-.39.09-.709.274-.957zm-9.899-13.016c.08.151.171.419.275.805l2.125 7.907h1.765l1.892-6.629 1.595 6.629h1.681l2.647-7.738c.142-.409.259-.701.354-.875.093-.174.199-.31.317-.406.117-.096.264-.164.437-.201v-.466h-2.944v.466c.24.019.421.086.541.201.119.115.18.295.18.54 0 .155-.024.342-.07.561a8.354 8.354 0 01-.17.653l-1.49 4.779-1.652-7.2h-1.596l-2.026 7.2-1.221-4.906c-.137-.527-.205-.915-.205-1.165 0-.198.059-.35.177-.459.117-.108.299-.176.544-.204v-.466h-3.799v.466c.15.037.275.094.374.169.099.075.189.188.269.339zM12 39.1h23.999V8.9H12v30.2zm-1.301 1.3H37.3V7.6H10.699v32.8zm14.4-9.073c0 .394-.103.716-.306.967-.203.252-.486.378-.847.378-.349 0-.623-.126-.82-.378-.197-.251-.295-.573-.295-.967v-.848c0-.39.098-.71.293-.961.197-.25.469-.375.819-.375.359 0 .641.125.847.377.205.251.309.571.309.959v.848zM23.943 28.5c-.571 0-1.028.188-1.372.563-.345.376-.517.851-.517 1.421v.843c0 .573.172 1.047.518 1.422.346.375.804.562 1.374.562.58 0 1.046-.187 1.401-.561.354-.373.531-.847.531-1.423v-.843c0-.57-.178-1.045-.532-1.421-.356-.375-.823-.563-1.403-.563zm-3.414 2.717c0 .435-.111.778-.331 1.028-.218.251-.561.376-1.025.376h-.627v-3.427h.668c.443 0 .774.123.989.369.217.246.326.589.326 1.028v.626zm-1.292-2.65h-1.471v4.677h1.429c.66 0 1.177-.183 1.551-.551.375-.367.562-.86.562-1.476v-.62c0-.612-.186-1.103-.557-1.474-.371-.37-.876-.556-1.514-.556z"
-    />
-  );
-
-  const normalHover = (
-    <path d="M37.3 7.6v32.8H10.7V7.6h26.6zm-1.301 1.3H12.001v30.2h23.998V8.9zm-7.56 19.6c.552 0 .976.139 1.273.416.297.277.47.673.522 1.187h-.78c-.041-.326-.138-.57-.291-.732-.153-.164-.394-.245-.724-.245-.326 0-.58.124-.763.373-.183.248-.274.567-.274.957v.897c0 .396.089.717.27.964.182.247.437.371.767.371.323 0 .562-.079.717-.238.156-.158.253-.399.294-.722h.782c-.048.492-.223.879-.526 1.161-.303.281-.725.422-1.267.422-.555 0-.996-.18-1.324-.541-.327-.36-.491-.834-.491-1.417v-.891c0-.58.166-1.052.496-1.417.33-.363.77-.545 1.319-.545zm-4.496 0c.58 0 1.048.188 1.403.564.356.376.533.85.533 1.42v.843c0 .576-.176 1.05-.531 1.424-.354.374-.822.56-1.402.56-.57 0-1.028-.187-1.373-.562-.346-.374-.52-.848-.52-1.422v-.842c0-.571.173-1.045.519-1.421.343-.376.8-.563 1.37-.563zm-4.706.068c.638 0 1.143.185 1.514.555.371.37.557.862.557 1.474v.62c0 .617-.187 1.109-.56 1.476-.376.368-.894.55-1.553.55h-1.429v-4.675zm4.706.575c-.35 0-.622.125-.818.375-.196.25-.294.572-.294.96v.849c0 .394.099.717.295.968.198.252.47.377.82.377.362 0 .644-.125.847-.377.204-.251.306-.574.306-.968v-.848c0-.387-.104-.707-.31-.96-.204-.251-.487-.376-.846-.376zm-4.729.05h-.668v3.428h.627c.464 0 .806-.125 1.025-.376.22-.25.33-.592.33-1.028v-.626c0-.44-.108-.782-.324-1.028-.217-.246-.547-.37-.99-.37zm1.718-15.506v.466c-.245.028-.426.096-.544.205-.117.108-.176.26-.176.458 0 .25.068.638.205 1.165l1.221 4.907 2.027-7.201h1.595l1.652 7.2 1.49-4.78c.065-.215.122-.433.17-.652a2.72 2.72 0 00.07-.561c0-.244-.06-.424-.18-.54-.12-.115-.3-.182-.54-.201v-.466h2.944v.466c-.175.038-.32.105-.439.2a1.356 1.356 0 00-.317.407c-.094.174-.212.466-.354.876l-2.646 7.737h-1.68l-1.596-6.63-1.892 6.63h-1.766l-2.125-7.907c-.103-.386-.195-.654-.275-.805a1.029 1.029 0 00-.268-.34 1.023 1.023 0 00-.375-.168v-.466h3.8z" />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default WordDocument;

package/src/components/Icons/WorkSuitcase.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const WorkSuitcase: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path
-      fillRule="evenodd"
-      d="M40.06 36.383H7.94V25.621c.13.022.26.04.394.04H21.59v1.48h.76v.94c0 .91.74 1.65 1.65 1.65.91 0 1.65-.74 1.65-1.65v-.94h.76v-1.48h13.255c.135 0 .265-.018.394-.04v10.762zM7.294 15.897H22.35v7.135h-.76v1.33H8.335c-.573 0-1.04-.468-1.04-1.04v-7.425zm10.9-3.6a.68.68 0 01.678-.68h10.255c.375 0 .681.305.681.68v2.3H18.194v-2.3zM23.35 27.14h1.3v.94a.65.65 0 11-1.3 0v-.94zm-.759-1h2.82v-2.108h-2.82v2.108zm.758-3.108h1.301v-7.136h-1.3v7.136zm17.356-7.135v7.424c0 .573-.467 1.04-1.04 1.04H26.41v-1.329h-.76v-7.135h15.055zm1.3 7.424v-8.724H31.108v-2.3c0-1.092-.888-1.98-1.98-1.98H18.873c-1.09 0-1.98.888-1.98 1.98v2.3H5.995v8.724c0 .666.283 1.264.73 1.69h-.084v12.672H41.36V25.011h-.084c.448-.426.73-1.024.73-1.69z"
-    />
-  );
-
-  const normalHover = (
-    <path d="M40.06 36.383H7.94V25.621c.13.022.26.04.394.04H22.35v.201c0 .911.74 1.651 1.65 1.651.91 0 1.65-.74 1.65-1.65v-.202h14.015c.135 0 .266-.018.394-.04v10.762zM7.294 15.897H22.351l.015 5.657h-.754l-.02 2.807H8.334c-.573 0-1.04-.467-1.04-1.04v-7.424zm10.9-3.6a.68.68 0 01.68-.68h10.253c.375 0 .681.305.681.68v2.3H18.194v-2.3zm5.155 12.626h1.3v.94a.651.651 0 01-.65.65.651.651 0 01-.65-.65v-.94zm-.746-2.369h2.82l-.01 1.37h-2.82l.01-1.37zm2.048-6.657l.015 5.657h-1.3l-.016-5.657h1.301zm16.053 0v7.424c0 .573-.467 1.04-1.04 1.04H26.41l.022-2.807h-.765l-.015-5.657h15.053zm1.3 7.424v-8.724H31.108v-2.3c0-1.092-.888-1.98-1.98-1.98H18.874a1.983 1.983 0 00-1.98 1.98v2.3H5.994v8.724c0 .666.283 1.264.731 1.69h-.085v12.672H41.36V25.011h-.084c.448-.426.73-1.024.73-1.69z" />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default WorkSuitcase;

package/src/components/Icons/X.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-
-import { getIcon, SvgPathProps } from '../Icon';
-
-const X: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path d="M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z" />
-  );
-
-  const normalHover = (
-    <path d="M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z" />
-  );
-
-  const xSmall = (
-    <path d="M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z" />
-  );
-
-  const xSmallHover = (
-    <path d="M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z" />
-  );
-
-  const xxSmall = (
-    <path d="M36.3746 13.6056 34.3946 11.6256 24.0006 22.0196 13.6066 11.6256 11.6266 13.6056 22.0206 23.9996 11.6266 34.3936 13.6066 36.3736 24.0006 25.9796 34.3946 36.3736 36.3746 34.3936 25.9806 23.9996" />
-  );
-
-  const xxSmallHover = (
-    <path d="M39.0362 10.9454 37.0562 8.9654 24.0002 22.0194 10.9442 8.9654 8.9642 10.9454 22.0202 23.9994 8.9642 37.0554 10.9442 39.0354 24.0002 25.9814 37.0562 39.0354 39.0362 37.0554 25.9802 23.9994" />
-  );
-
-  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });
-};
-
-export default X;

package/src/components/Icons/XOutline.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const XOutline: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path
-      d="m35.068 32.24-2.829 2.828L24 26.828l-8.239 8.24-2.829-2.828 8.24-8.24-8.24-8.24 2.829-2.827L24 21.172l8.239-8.24 2.829 2.829L26.829 24l8.239 8.24zm2.828-16.48-5.657-5.655L24 18.344l-8.239-8.24-5.657 5.657L18.343 24l-8.239 8.24 5.657 5.656L24 29.656l8.239 8.24 5.657-5.656L29.657 24l8.239-8.24z"
-      fillRule="evenodd"
-    />
-  );
-
-  const normalHover = (
-    <path
-      d="m24 26.828-9.851 9.851-2.83-2.828L21.172 24l-9.858-9.86 2.829-2.828L24 21.172l9.84-9.84 2.829 2.827-9.84 9.84 9.845 9.848-2.83 2.828L24 26.829zM29.657 24l9.84-9.84-5.657-5.656-9.84 9.84-9.858-9.86-5.657 5.656L18.343 24l-9.851 9.852 5.657 5.656 9.85-9.852 9.846 9.846 5.657-5.656L29.657 24z"
-      fillRule="evenodd"
-    />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default XOutline;

package/src/components/Icons/XmlFile.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const XmlFile: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): JSX.Element => {
-  const normal = (
-    <path
-      fillRule="evenodd"
-      d="M12 39.1h23.999V8.9H12v30.2zm-1.301 1.3H37.3V7.6H10.699v32.8zm7.482-7.089l1.037-1.796 1.042 1.796h.955L19.692 30.9l1.467-2.37h-.943l-1.011 1.766-.999-1.766h-.934l1.468 2.37-1.501 2.411h.942zm4.083-10.476l-2.292-2.292 2.292-2.292-.707-.707-2.999 2.999 2.999 2.999.707-.707zm6.3 5.695h-.797v4.781h2.994v-.637h-2.197V28.53zm-2.12-4.988l2.998-2.999-2.998-2.999-.707.707 2.291 2.292-2.291 2.292.707.707zm-4.57 9.769h.798v-1.629l-.082-2.092h.011l1.425 3.721h.535l1.431-3.73h.011l-.083 2.101v1.629h.798V28.53h-1.034l-1.39 3.703-1.385-3.703h-1.035v4.781z"
-    />
-  );
-
-  const normalHover = (
-    <path
-      fillRule="evenodd"
-      d="M12.001 39.1H36V8.9H12.001v30.2zM10.7 40.4h26.601V7.6H10.7v32.8zm7.48-7.089l1.038-1.796 1.042 1.796h.955L19.692 30.9l1.468-2.37h-.944l-1.01 1.766-.999-1.766h-.935l1.468 2.37-1.501 2.411h.941zm3.084-10.476l-2.292-2.292 2.292-2.292-.707-.707-2.999 2.999 2.999 2.999.707-.707zm7.3 5.695h-.798v4.781h2.995v-.637h-2.197V28.53zm-1.12-4.988l2.998-2.999-2.998-2.999-.707.707 2.291 2.292-2.291 2.292.707.707zm-5.569 9.769h.797v-1.629l-.082-2.092h.011l1.425 3.721h.535l1.432-3.73h.009l-.082 2.101v1.629h.798V28.53h-1.034l-1.39 3.703-1.385-3.703h-1.034v4.781z"
-    />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default XmlFile;

package/src/components/Icons/YouTube.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const YouTube: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path d="M34.913 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.088a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.088a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-14.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.3 2.122v6.577l6.453-3.288-6.452-3.29z" />
-  );
-
-  const normalHover = (
-    <path d="M34.912 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.087a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.087a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-13.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.302 2.122v6.577l6.451-3.288-6.451-3.29z" />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default YouTube;

package/src/components/Icons/Zoom.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-
-import { getIcon, SvgPathProps } from '../Icon';
-
-const Zoom: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path
-      d="M21.866 20.005h5.573v1.6h-5.573v5.572h-1.6v-5.572h-5.572v-1.6h5.572v-5.573h1.6v5.573zM37.758 38.11a2.24 2.24 0 0 1-1.606.612 2.23 2.23 0 0 1-1.568-.703l-6.066-6.421a13.263 13.263 0 0 0 1.562-1.25 13.312 13.312 0 0 0 1.65-1.888l6.118 6.476c.85.9.81 2.324-.09 3.174zm-17.02-5.783a11.452 11.452 0 0 1-8.052-3.607 11.45 11.45 0 0 1-3.142-8.243c.178-6.243 5.312-11.2 11.518-11.2.11 0 .222.002.333.005 6.353.18 11.375 5.497 11.194 11.85a11.456 11.456 0 0 1-3.607 8.053c-2.24 2.114-5.166 3.24-8.244 3.142zm18.273 1.51-6.406-6.782a13.068 13.068 0 0 0 1.583-5.876c.1-3.505-1.171-6.84-3.58-9.388a13.036 13.036 0 0 0-9.167-4.108C14.2 7.482 8.15 13.196 7.945 20.43a13.043 13.043 0 0 0 3.578 9.388 13.042 13.042 0 0 0 9.553 4.113c2.136 0 4.198-.513 6.048-1.48l6.297 6.666a3.82 3.82 0 0 0 2.685 1.203l.113.002a3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z"
-      fillRule="evenodd"
-    />
-  );
-
-  const normalHover = (
-    <path
-      d="M21.866 20.005h6.278v1.6h-6.278v6.278h-1.6v-6.278h-6.278v-1.6h6.278v-6.278h1.6v6.278zm15.89 18.105c-.898.85-2.323.81-3.173-.091l-5.25-5.558a14.432 14.432 0 0 0 3.212-3.14l5.303 5.615c.85.9.809 2.323-.091 3.174zm-17.052-4.6a12.627 12.627 0 0 1-8.88-3.977 12.621 12.621 0 0 1-3.463-9.09 12.623 12.623 0 0 1 3.977-8.878 12.62 12.62 0 0 1 9.09-3.466c7.006.2 12.543 6.062 12.344 13.068-.2 7.006-6.068 12.558-13.068 12.343zm18.307.327-5.556-5.882a14.21 14.21 0 0 0 1.916-6.742c.225-7.888-6.01-14.488-13.897-14.713a14.22 14.22 0 0 0-10.235 3.9 14.218 14.218 0 0 0-4.478 9.997 14.217 14.217 0 0 0 3.9 10.234 14.219 14.219 0 0 0 10.41 4.485c2.49 0 4.836-.651 6.885-1.782l5.464 5.784a3.82 3.82 0 0 0 2.799 1.205 3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z"
-      fillRule="evenodd"
-    />
-  );
-
-  const xSmall = (
-    <path
-      d="M22.591 20.708h3.645v2.02H22.59v3.644h-2.02v-3.643h-3.644v-2.021h3.643v-3.645h2.021v3.645zm11.882 13.63c-.5.5-1.372.5-1.874 0l-4.47-4.472c.691-.555 1.304-1.2 1.834-1.912l4.51 4.51a1.318 1.318 0 0 1 0 1.873zm-21.334-12.62c0-4.656 3.787-8.443 8.442-8.443 4.656 0 8.443 3.787 8.443 8.443 0 4.655-3.787 8.442-8.443 8.442-4.655 0-8.442-3.787-8.442-8.442zm22.764 9.316-4.866-4.864a10.39 10.39 0 0 0 1.008-4.452c0-5.77-4.694-10.464-10.464-10.464-5.769 0-10.463 4.694-10.463 10.464 0 5.77 4.694 10.463 10.463 10.463 1.738 0 3.375-.432 4.819-1.185l4.77 4.77c.632.631 1.474.98 2.367.98s1.734-.349 2.366-.98c.631-.632.98-1.472.98-2.366 0-.893-.349-1.733-.98-2.366z"
-      fillRule="evenodd"
-    />
-  );
-
-  const xSmallHover = (
-    <path
-      d="M22.592 20.708H27v2.02h-4.408v4.408H20.57v-4.407h-4.409v-2.021h4.409v-4.409h2.02v4.409zm11.881 13.63c-.499.498-1.372.5-1.873 0l-3.724-3.725a11.63 11.63 0 0 0 1.834-1.912l3.763 3.763c.25.25.388.583.388.936 0 .355-.138.687-.388.937zm-22.382-12.62c0-5.233 4.258-9.49 9.49-9.49 5.233 0 9.49 4.257 9.49 9.49 0 5.232-4.257 9.49-9.49 9.49-5.232 0-9.49-4.258-9.49-9.49zm23.812 9.316-4.083-4.083a11.423 11.423 0 0 0 1.272-5.233c0-6.347-5.163-11.51-11.51-11.51-6.347 0-11.51 5.163-11.51 11.51 0 6.346 5.163 11.51 11.51 11.51 2.03 0 3.934-.533 5.591-1.459l3.998 3.997c.632.631 1.473.98 2.366.98s1.734-.349 2.365-.98c.632-.632.98-1.472.98-2.366 0-.893-.348-1.733-.98-2.366z"
-      fillRule="evenodd"
-    />
-  );
-
-  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });
-};
-
-export default Zoom;

package/src/components/Illustration/Illustration.stories.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-
-import { StoryObj, Meta } from '@storybook/react-vite';
-import { Docs } from 'frankenstein-build-tools';
-
-import Illustration from './Illustration';
-import Doctor from '../Illustrations/Doctor';
-
-const meta = {
-  title: '@helsenorge/designsystem-react/Components/Illustration',
-  component: Illustration,
-  parameters: {
-    docs: {
-      page: (): React.JSX.Element => (
-        <Docs component={Illustration} supernovaLink="https://frankenstein.helsenorge.design/latest/fundament/illustrasjoner-jY2uXwoj" />
-      ),
-      description: {
-        component: 'Illustration lar deg vise en av flere illustrasjoner i ulike størrelser og farger',
-      },
-    },
-  },
-  argTypes: {
-    size: {
-      control: 'number',
-    },
-    color: {
-      control: 'select',
-      options: ['neutral', 'blueberry', 'cherry'],
-    },
-    ariaLabel: {
-      control: 'text',
-    },
-  },
-} satisfies Meta<typeof Illustration>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    illustration: Doctor,
-  },
-  render: args => <Illustration {...args} />,
-};

package/src/components/Illustration/Illustration.test.tsx

@@ -1,171 +0,0 @@
-import { render, screen, within } from '@testing-library/react';
-
-import { getIllustration } from './utils';
-import Illustration from '../Illustration';
-import Doctor from '../Illustrations/Doctor';
-
-describe('Gitt at Illustration skal vises', (): void => {
-  describe('Når Illustration rendres med default størrelse', (): void => {
-    test('Så vises illustrasjon i størrelse medium', (): void => {
-      render(<Illustration illustration={Doctor} />);
-
-      const illustration = screen.getByTestId('doctor-medium');
-
-      expect(illustration).toBeInTheDocument();
-    });
-  });
-
-  describe('Når Illustration rendres med size=201', (): void => {
-    test('Så vises illustrasjon i størrelse medium', (): void => {
-      render(<Illustration illustration={Doctor} size={201} />);
-      const illustration = screen.getByTestId('doctor-medium');
-
-      expect(illustration).toBeInTheDocument();
-    });
-  });
-
-  describe('Når Illustration rendres med size=200', (): void => {
-    test('Så vises illustrasjon i størrelse small', (): void => {
-      render(<Illustration illustration={Doctor} size={200} />);
-      const illustration = screen.getByTestId('doctor-small');
-
-      expect(illustration).toBeInTheDocument();
-    });
-  });
-
-  describe('Når Illustration rendres', (): void => {
-    test('Så settes størrelse riktig', (): void => {
-      render(<Illustration testId={'test01'} size={200} illustration={Doctor} />);
-
-      const illustration = screen.getByTestId('test01');
-      expect(illustration).toHaveStyle(`min-width: ${200}px;`);
-      expect(illustration).toHaveStyle(`min-height: ${200}px;`);
-    });
-  });
-
-  // https://css-tricks.com/accessible-svgs/#aa-example-1-standalone-icon-meaningful
-  describe('Når ariaLabel er satt', (): void => {
-    test('Så er illustrasjonen synlig for skjermlesere og har tekst som kan leses', (): void => {
-      render(<Illustration ariaLabel="Lege" illustration={Doctor} />);
-
-      const illustration = screen.getByRole('img', { name: 'Lege' });
-
-      expect(illustration).toBeVisible();
-      expect(illustration).toHaveAttribute('focusable', 'false');
-      expect(illustration).not.toHaveAttribute('aria-hidden');
-      expect(illustration).toHaveAttribute('aria-labelledby');
-
-      const title = within(illustration).getByTitle('Lege');
-      expect(title).toBeInTheDocument();
-
-      expect(illustration.getAttribute('aria-labelledby')).toEqual(title.id);
-    });
-  });
-
-  describe('Når ariaLabel ikke er satt', (): void => {
-    test('Så er illustrasjonen skjult for skjermlesere', (): void => {
-      render(<Illustration illustration={Doctor} />);
-
-      const illustration = screen.getByRole('presentation', { hidden: true });
-
-      expect(illustration).toBeInTheDocument();
-      expect(illustration).toHaveAttribute('focusable', 'false');
-      expect(illustration).toHaveAttribute('aria-hidden', 'true');
-    });
-  });
-});
-
-describe('Gitt at getIllustration kalles', (): void => {
-  describe('Når alle størrelser finnes', (): void => {
-    describe('Når ønsket størrelse er 512 eller større', (): void => {
-      test('Så returneres large', (): void => {
-        const result = getIllustration({ size: 512, large: 'large', medium: 'medium', small: 'small' });
-
-        expect(result).toEqual('large');
-      });
-    });
-    describe('Når ønsket størrelse er 201 eller større', (): void => {
-      test('Så returneres medium', (): void => {
-        const result = getIllustration({ size: 201, large: 'large', medium: 'medium', small: 'small' });
-
-        expect(result).toEqual('medium');
-      });
-    });
-    describe('Når ønsket størrelse er 200 eller større', (): void => {
-      test('Så returneres small', (): void => {
-        const result = getIllustration({ size: 200, large: 'large', medium: 'medium', small: 'small' });
-
-        expect(result).toEqual('small');
-      });
-    });
-  });
-  describe('Når large og small finnes', (): void => {
-    describe('Når ønsket størrelse er 512 eller større', (): void => {
-      test('Så returneres large', (): void => {
-        const result = getIllustration({ size: 512, large: 'large', medium: 'medium' });
-
-        expect(result).toEqual('large');
-      });
-    });
-    describe('Når ønsket størrelse er 201 eller større', (): void => {
-      test('Så returneres medium', (): void => {
-        const result = getIllustration({ size: 201, large: 'large', medium: 'medium' });
-
-        expect(result).toEqual('medium');
-      });
-    });
-    describe('Når ønsket størrelse er 200 eller større', (): void => {
-      test('Så returneres medium', (): void => {
-        const result = getIllustration({ size: 200, large: 'large', medium: 'medium' });
-
-        expect(result).toEqual('medium');
-      });
-    });
-  });
-  describe('Når medium og small finnes', (): void => {
-    describe('Når ønsket størrelse er 512 eller større', (): void => {
-      test('Så returneres medium', (): void => {
-        const result = getIllustration({ size: 512, medium: 'medium', small: 'small' });
-
-        expect(result).toEqual('medium');
-      });
-    });
-    describe('Når ønsket størrelse er 201 eller større', (): void => {
-      test('Så returneres medium', (): void => {
-        const result = getIllustration({ size: 201, medium: 'medium', small: 'small' });
-
-        expect(result).toEqual('medium');
-      });
-    });
-    describe('Når ønsket størrelse er 200 eller større', (): void => {
-      test('Så returneres small', (): void => {
-        const result = getIllustration({ size: 200, medium: 'medium', small: 'small' });
-
-        expect(result).toEqual('small');
-      });
-    });
-  });
-  describe('Når bare small finnes', (): void => {
-    describe('Når ønsket størrelse er 512 eller større', (): void => {
-      test('Så returneres small', (): void => {
-        const result = getIllustration({ size: 512, small: 'small' });
-
-        expect(result).toEqual('small');
-      });
-    });
-    describe('Når ønsket størrelse er 201 eller større', (): void => {
-      test('Så returneres small', (): void => {
-        const result = getIllustration({ size: 201, small: 'small' });
-
-        expect(result).toEqual('small');
-      });
-    });
-    describe('Når ønsket størrelse er 200 eller større', (): void => {
-      test('Så returneres small', (): void => {
-        const result = getIllustration({ size: 200, small: 'small' });
-
-        expect(result).toEqual('small');
-      });
-    });
-  });
-});

package/src/components/Illustration/Illustration.tsx

@@ -1,78 +0,0 @@
-import React from 'react';
-
-import { getIllustration } from './utils';
-import { AnalyticsId } from '../../constants';
-import { useUuid } from '../../hooks/useUuid';
-
-export type IllustrationColor = 'neutral' | 'cherry' | 'blueberry';
-
-export enum ViewBoxSize {
-  Medium = '0 0 512 512',
-  Small = '0 0 200 200',
-}
-
-export interface BaseSvgIllustrationProps {
-  color: IllustrationColor;
-  svgProperties: React.SVGProps<SVGSVGElement>;
-  title: React.ReactNode;
-}
-export interface SvgIllustrationProps extends BaseSvgIllustrationProps {
-  size: number;
-}
-
-export type SvgIllustration = React.ComponentType<SvgIllustrationProps>;
-
-export interface BaseIllustrationProps {
-  /* aria-label for the <svg> element. Used as <title> tag. */
-  ariaLabel?: string;
-  /* Changes the size of the illustration. */
-  size?: number;
-  /* Changes the color of the illustration. */
-  color?: IllustrationColor;
-  /* Adds custom classes to the element. */
-  className?: string;
-  /** Sets the data-testid attribute. */
-  testId?: string;
-}
-
-export interface IllustrationProps extends BaseIllustrationProps {
-  /* Sets which illustration should be displayed. */
-  illustration: SvgIllustration;
-}
-
-export const Illustration = React.forwardRef<SVGSVGElement, IllustrationProps>((props, ref) => {
-  const { illustration, ariaLabel, className = '', size = 512, color = 'neutral', testId, ...other } = props;
-
-  const titleId = useUuid();
-  const viewBox = getIllustration({ size, medium: ViewBoxSize.Medium, small: ViewBoxSize.Small });
-
-  const svgProperties = {
-    'data-testid': testId,
-    'data-analyticsid': AnalyticsId.Illustration,
-    ref,
-    className,
-    role: ariaLabel ? 'img' : 'presentation',
-    'aria-labelledby': ariaLabel ? titleId : undefined,
-    focusable: false,
-    'aria-hidden': ariaLabel ? undefined : true,
-    viewBox,
-    style: { minWidth: size, minHeight: size },
-    width: size,
-    height: size,
-    fill: color,
-    ...other,
-  };
-
-  const svgElement = React.createElement(illustration, {
-    size,
-    color,
-    svgProperties: svgProperties,
-    title: ariaLabel && <title id={titleId}>{ariaLabel}</title>,
-  });
-
-  return svgElement;
-});
-
-Illustration.displayName = 'Illustration';
-
-export default Illustration;

package/src/components/Illustration/Illustrations.stories.tsx

@@ -1,73 +0,0 @@
-import React from 'react';
-
-import { StoryObj, Meta } from '@storybook/react-vite';
-import { Docs } from 'frankenstein-build-tools';
-
-import HighlightPanel from '../HighlightPanel';
-import { IllustrationList } from '../Illustrations/IllustrationNames';
-import LazyIllustration from '../LazyIllustration';
-import Spacer from '../Spacer';
-import Title from '../Title';
-
-type IllustrationWallWithAndCustomArgs = React.ComponentProps<typeof LazyIllustration> & {
-  query: string;
-};
-
-const meta = {
-  title: '@helsenorge/designsystem-react/Components/Illustration',
-  component: LazyIllustration,
-  parameters: {
-    docs: {
-      page: (): React.JSX.Element => <Docs component={LazyIllustration} />,
-      description: {
-        component: 'LazyIllustration lar deg vise et av flere ikoner i ulike størrelser og farger',
-      },
-    },
-  },
-  args: {
-    size: 200,
-    color: 'neutral',
-    ariaLabel: '',
-  },
-  argTypes: {
-    query: {
-      control: 'text',
-    },
-    size: {
-      control: 'number',
-    },
-    color: {
-      control: 'select',
-      options: ['neutral', 'blueberry', 'cherry'],
-    },
-    ariaLabel: {
-      control: 'text',
-    },
-  },
-} satisfies Meta<IllustrationWallWithAndCustomArgs>;
-
-export default meta;
-
-type Story = StoryObj<IllustrationWallWithAndCustomArgs>;
-
-export const IllustrationWall: Story = {
-  render: args => {
-    const filtered = IllustrationList.filter(x => (args.query ? x.toLowerCase().includes(args.query.toLowerCase()) : true));
-
-    return (
-      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '1rem' }}>
-        {filtered.map(illustrationName => (
-          <div key={illustrationName}>
-            <Title htmlMarkup="h2" appearance="title5">
-              {illustrationName}
-            </Title>
-            <Spacer />
-            <HighlightPanel color={args.color} size={'fluid'}>
-              <LazyIllustration color={args.color} size={args.size} illustrationName={illustrationName} />
-            </HighlightPanel>
-          </div>
-        ))}
-      </div>
-    );
-  },
-};