@helsenorge/designsystem-react 12.12.2 → 12.12.3

package/src/components/Illustrations/Support2Medium.tsx

@@ -1,152 +0,0 @@
-import React from 'react';
-
-import { Palette } from './Support2';
-import { BaseSvgIllustrationProps, ViewBoxSize } from '../Illustration';
-
-const Support2Medium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {
-  const palette = ((): Palette => {
-    switch (color) {
-      case 'blueberry':
-        return {
-          details1: '#CAE7ED',
-          details2: '#188097',
-          lines: '#000',
-        };
-      case 'cherry':
-        return {
-          details1: '#FBE4D7',
-          details2: '#F05E3D',
-          lines: '#1D1C1A',
-        };
-      default:
-        return {
-          details1: '#EAE7E7',
-          details2: '#989693',
-          lines: '#2B2C2B',
-        };
-    }
-  })();
-
-  return (
-    <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>
-      {title}
-      <path
-        d="M324.463 197.61h-22.016c-7.522 0-13.641-6.119-13.641-13.642v-38.256c0-7.523 6.119-13.642 13.641-13.642h28.503c7.522 0 13.642 6.119 13.642 13.642v33.034c0 .645-.517 1.162-1.161 1.162a1.159 1.159 0 0 1-1.163-1.162v-33.034c0-6.246-5.072-11.318-11.318-11.318h-28.503c-6.246 0-11.318 5.072-11.318 11.318v38.256c0 6.246 5.072 11.319 11.318 11.319h22.016c.644 0 1.162.517 1.162 1.161 0 .645-.518 1.162-1.162 1.162Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M348.79 230.392c14.191 0 25.697-11.505 25.697-25.696 0-14.192-11.506-25.696-25.697-25.696-14.192 0-25.696 11.504-25.696 25.696 0 14.191 11.504 25.696 25.696 25.696Z"
-        fill="#fff"
-      />
-      <path
-        d="M348.79 231.563c-14.815 0-26.857-12.054-26.857-26.858 0-14.803 12.054-26.857 26.857-26.857 14.803 0 26.858 12.054 26.858 26.857 0 14.804-12.055 26.858-26.858 26.858Zm0-51.403c-13.527 0-24.534 11.007-24.534 24.534 0 13.526 11.007 24.534 24.534 24.534s24.534-11.008 24.534-24.534c0-13.527-11.007-24.534-24.534-24.534Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M348.871 220.555a1.852 1.852 0 1 0 0-3.705 1.852 1.852 0 0 0 0 3.705Zm-.081-6.336c-.851 0-1.553-.69-1.553-1.553v-1.38c0-3.635 1.899-5.716 3.578-7.545 1.518-1.657 2.829-3.094 2.817-5.648-.023-4.267-3.278-5.648-4.853-5.648-3.647 0-5.602 2.91-5.602 5.637 0 .851-.69 1.552-1.552 1.552-.863 0-1.554-.69-1.554-1.552 0-4.291 3.256-8.742 8.708-8.742 3.807 0 7.925 3.335 7.948 8.73.011 3.773-1.921 5.889-3.635 7.752-1.541 1.691-2.772 3.014-2.772 5.453v1.38c0 .851-.69 1.553-1.553 1.553l.023.011Zm-16.977-67.45h-30.228a1.159 1.159 0 0 1-1.162-1.162c0-.644.517-1.162 1.162-1.162h30.228c.644 0 1.161.518 1.161 1.162 0 .644-.517 1.162-1.161 1.162Zm-6.315 15.16h-23.925a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h23.925a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162Zm-6.338 15.172h-17.575a1.159 1.159 0 0 1-1.162-1.162c0-.644.517-1.162 1.162-1.162h17.575a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162Z"
-        fill={palette.lines}
-      />
-      <path d="M373.232 246.621h-39.003v39.004h39.003v-39.004Z" fill={palette.details1} />
-      <path
-        d="M362.144 279.515h-16.781a1.158 1.158 0 0 1-1.162-1.161v-14.919a1.16 1.16 0 0 1 1.162-1.162h16.781a1.16 1.16 0 0 1 1.162 1.162v14.919c0 .644-.518 1.161-1.162 1.161Zm-15.62-2.323h14.459v-12.595h-14.459v12.595Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M358.729 264.598a1.158 1.158 0 0 1-1.162-1.161v-3.497c0-2.542-1.714-4.613-3.819-4.613s-3.819 2.071-3.819 4.613v3.497c0 .644-.517 1.161-1.162 1.161a1.157 1.157 0 0 1-1.161-1.161v-3.497c0-3.819 2.76-6.936 6.153-6.936s6.153 3.106 6.153 6.936v3.497c0 .644-.517 1.161-1.161 1.161h-.022Zm-4.97 6.305a1.84 1.84 0 1 0 0-3.68 1.84 1.84 0 0 0 0 3.68Z"
-        fill={palette.lines}
-      />
-      <path d="M353.759 269.926v4.877h-1.863l1.358-4.877h.505Z" fill={palette.lines} />
-      <path
-        d="M353.759 269.926v4.877h1.864l-1.37-4.877h-.494Zm12.872-100.74a5.014 5.014 0 1 0 0-10.029 5.014 5.014 0 0 0 0 10.029Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M313.49 218.337c-3.025-5.877-3.025-13.802-3.025-13.802.863-20.969-16.862-20.106-16.862-20.106-4.107-14.263-19.174-6.488-19.174-6.488-13.769-10.812-30.551-10.375-37.027-2.381-6.475 7.994-15.574 1.082-15.574 1.082.219 4.969 2.807 7.994 2.807 7.994-17.667 4.727-6.971 17.368-6.971 17.368s-3.485 7.074.76 11.962l-1.012 1.415s-3.152 3.313-3.152 10.168c0 6.855 5.476 6.326 5.476 6.326s-1.117 6.925 2.369 13.032c5.038 8.823 14.182 10.502 14.182 10.502-6.372-10.145-6.97-37.083-6.97-37.083 9.064.816 23.315-8.144 23.315-8.144 4.382 6.809 17.368 8.834 24.764 5.199 0 0 8.523 22.326 14.976 12.492l-1.829 11.927-4.911 10.801-.656 14.033c17.541 1.944 18.127-10.893 18.127-10.893 9.513-2.024 6.373-13.446 6.373-13.446 10.375-1.081 7.028-16.092 4.003-21.958h.011Z"
-        fill={palette.details2}
-      />
-      <path
-        d="M288.449 266.002c-1.15 0-2.346-.069-3.6-.207a1.169 1.169 0 0 1-1.035-1.207l.655-14.033c0-.15.046-.288.104-.426l4.843-10.651 1.287-8.396c-.77.391-1.586.54-2.437.448-5.257-.575-9.984-10.915-11.491-14.585-3.681 1.45-8.478 1.795-13.102.909-4.923-.943-8.994-3.14-11.34-6.108-3.198 1.898-13.815 7.81-21.797 7.81.218 5.372 1.38 26.709 6.752 35.255a1.15 1.15 0 0 1-.024 1.265c-.264.38-.713.575-1.173.494-.391-.069-9.731-1.886-14.987-11.065-2.784-4.865-2.807-10.145-2.646-12.526-.908-.138-2.116-.517-3.174-1.472-1.449-1.311-2.186-3.313-2.186-5.947 0-6.786 2.922-10.351 3.405-10.904l.46-.644c-3.163-4.417-1.415-9.915-.644-11.824-1.174-1.599-4.072-6.188-2.635-10.766 1.047-3.324 4.107-5.82 9.099-7.442a15.931 15.931 0 0 1-2.116-7.281 1.15 1.15 0 0 1 .621-1.081 1.158 1.158 0 0 1 1.242.103c.334.253 8.293 6.131 13.964-.885 3.45-4.256 9.546-6.557 16.724-6.292 7.292.265 14.85 3.117 21.349 8.052 2.035-.909 8.178-3.233 13.423-.967 3.025 1.3 5.199 3.877 6.464 7.649 2.162.081 7.695.713 11.95 4.946 3.75 3.727 5.51 9.237 5.222 16.368 0 .023.046 7.672 2.898 13.216 1.956 3.784 4.958 13.515 1.772 19.393-1.139 2.116-3.002 3.496-5.418 4.049.345 2.047.702 6.176-1.288 9.454-1.196 1.956-3.014 3.29-5.418 3.98-.264 1.599-1.184 5.038-4.335 7.73-2.795 2.392-6.614 3.588-11.376 3.588h-.012Zm-2.266-2.415c5.28.414 9.352-.575 12.124-2.945 3.404-2.91 3.623-6.913 3.623-6.947.023-.529.403-.978.92-1.081 2.163-.46 3.749-1.507 4.727-3.106 2.186-3.577.783-8.845.772-8.891a1.153 1.153 0 0 1 .999-1.461c2.301-.241 3.9-1.242 4.878-3.048 2.369-4.371.483-12.814-1.794-17.219-3.117-6.05-3.152-13.998-3.152-14.332.265-6.487-1.254-11.398-4.509-14.653-4.543-4.532-11.065-4.291-11.134-4.291a1.165 1.165 0 0 1-1.173-.839c-1.013-3.532-2.842-5.89-5.407-6.994-5.256-2.266-12.042 1.185-12.111 1.219a1.176 1.176 0 0 1-1.254-.115c-13.504-10.605-29.491-9.857-35.404-2.564-4.704 5.808-11.019 4.681-15.022 2.622.679 3.117 2.209 4.946 2.232 4.969a1.167 1.167 0 0 1-.575 1.886c-5.107 1.369-8.144 3.497-9.041 6.349-1.358 4.337 2.61 9.099 2.645 9.156.299.357.357.851.15 1.266-.034.057-3.082 6.452.587 10.685a1.16 1.16 0 0 1 .068 1.438l-1.012 1.415s-.069.08-.103.126c-.023.023-2.83 3.117-2.83 9.375 0 1.932.472 3.347 1.403 4.209 1.174 1.081 2.784.967 2.807.967.357-.023.714.103.955.368.242.264.356.621.299.977 0 .069-1.001 6.614 2.231 12.273 3.105 5.429 7.914 8.006 10.836 9.144-5.211-11.525-5.774-34.092-5.797-35.127 0-.334.125-.644.367-.875.242-.23.575-.333.897-.31 8.558.782 22.452-7.891 22.59-7.971a1.168 1.168 0 0 1 1.6.356c4.083 6.35 16.574 8.075 23.268 4.785.299-.149.633-.161.944-.034.311.126.541.356.656.667 2.024 5.302 6.533 13.86 10.03 14.24.368.046 1.495.161 2.886-1.967.299-.46.875-.644 1.392-.449.506.196.816.725.736 1.265l-1.829 11.928a1.05 1.05 0 0 1-.092.311l-4.819 10.593-.598 12.699.034-.069Z"
-        fill={palette.details2}
-      />
-      <path
-        d="m189.185 365.382 6.66-20.554 8.374-25.271 7.948-12.664 13.377-10.628 12.572-4.566v-12.043h59.271l.195 12.032 14.091 6.797 7.465 6.844 7.464 11.79 6.488 25.144 6.774 40.223 2.048 11.353-.794 8.604-4.773 10.144-7.12 6.821-62.319 26.501-22.82-80.527h-54.901Z"
-        fill="#fff"
-      />
-      <path
-        d="m140.116 365.682 103.97-.299 22.82 80.527-103.889.046-22.901-80.274Zm114.103-115.151h-8.753a1.166 1.166 0 0 1-1.105-1.529l6.833-20.497c.207-.61.863-.944 1.473-.736.61.207.943.862.736 1.472l-6.327 18.967h7.143c.644 0 1.162.517 1.162 1.162 0 .644-.518 1.161-1.162 1.161Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M284.976 279.055a1.158 1.158 0 0 1-1.162-1.161v-22.326c-4.175 5.555-14.262 16.367-29.48 16.367h-.127c-10.432-.046-18.254-9.42-22.602-27.133-3.209-13.078-3.451-26.306-3.451-26.444 0-.357.161-.702.437-.932.276-.23.656-.299 1.001-.218.081.023 8.766 1.921 22.35-7.96.276-.195.621-.264.954-.184.334.081.609.299.759.61.218.425 5.567 10.398 22.613 6.464a1.167 1.167 0 0 1 1.335.679c2.036 4.785 5.981 11.64 8.362 11.939a1.165 1.165 0 0 1 1.012 1.3 1.171 1.171 0 0 1-1.299 1.012c-4.095-.518-8.351-9.167-9.823-12.457-14.907 3.094-21.533-3.888-23.568-6.752-10.859 7.58-18.658 8.029-21.775 7.81.345 8.109 3.129 49.863 23.695 49.943h.115c18.68 0 29.527-18.208 29.642-18.392a1.174 1.174 0 0 1 1.311-.541c.506.138.862.598.862 1.127v26.088c0 .644-.517 1.161-1.161 1.161Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M254.219 279.057a1.159 1.159 0 0 1-1.162-1.162v-7.12c0-.644.517-1.162 1.162-1.162.644 0 1.161.518 1.161 1.162v7.12c0 .644-.517 1.162-1.161 1.162Zm17.667-28.078c-.506 0-.978-.333-1.117-.851a1.165 1.165 0 0 1 .806-1.438c.092-.023 8.788-2.53 15.482-9.225a1.175 1.175 0 0 1 1.645 0 1.173 1.173 0 0 1 0 1.645c-7.131 7.132-16.115 9.708-16.495 9.812a.975.975 0 0 1-.31.046l-.011.011Zm-4.98 196.09c-.506 0-.978-.333-1.116-.851l-22.579-79.676H139.91a1.158 1.158 0 0 1-1.162-1.162c0-.644.517-1.161 1.162-1.161h104.176c.517 0 .977.345 1.115.851l22.82 80.527a1.164 1.164 0 0 1-.805 1.438 1.002 1.002 0 0 1-.321.046l.011-.012Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M266.906 447.069H162.73c-.518 0-.978-.345-1.116-.852l-22.82-80.527a1.162 1.162 0 0 1 .805-1.437 1.164 1.164 0 0 1 1.438.805l22.579 79.676h103.071l57.085-23.718a27.553 27.553 0 0 0 16.702-29.837c-3.416-21.624-8.373-50.782-12.572-66.828-3.887-14.861-15.172-26.823-29.446-31.217-.391-.126-.782-.23-1.162-.333a1.166 1.166 0 0 1-.862-1.104l-.184-10.893h-56.959v10.881c0 .552-.38 1.024-.921 1.139-16.184 3.393-29.399 15.275-34.494 30.998L190.3 365.736a1.16 1.16 0 1 1-2.208-.713l13.573-41.914c5.257-16.218 18.725-28.537 35.3-32.356v-11.111c0-.644.517-1.162 1.161-1.162h59.272c.632 0 1.15.507 1.161 1.139l.196 11.169c.138.034.265.08.403.115 15.033 4.624 26.915 17.207 31.01 32.85 4.221 16.138 9.19 45.377 12.618 67.058a29.89 29.89 0 0 1-18.105 32.345l-57.304 23.809a1.15 1.15 0 0 1-.449.092l-.022.012Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M258.464 417.28a1.162 1.162 0 0 1-.564-2.173l39.463-21.947-1.449-33.322a1.16 1.16 0 0 1 1.116-1.207 1.152 1.152 0 0 1 1.208 1.115l1.484 34.047c.023.437-.207.851-.599 1.07l-40.084 22.291a1.127 1.127 0 0 1-.564.149l-.011-.023Zm-43.238-50.736c-.126 0-.242-.023-.368-.057a1.163 1.163 0 0 1-.737-1.473l5.614-16.919a1.164 1.164 0 1 1 2.208.736l-5.613 16.919a1.171 1.171 0 0 1-1.104.794Zm55.936-112.791a3.956 3.956 0 1 0 0-7.913 3.957 3.957 0 1 0 0 7.913Zm26.006-24.88c3.128-38.406-14.125-50.207-19.186-53.577-2.162-1.208-8.04-1.921-8.04-1.921s27.295 15.896 21.383 54.59l5.843.908Zm-12.192 24.087c-.185 0-.381-.046-.553-.138a1.158 1.158 0 0 1-.46-1.576c.104-.184 2.519-4.6 3.899-6.912a1.174 1.174 0 0 1 1.599-.403c.552.334.737 1.047.403 1.599-1.357 2.266-3.831 6.786-3.854 6.832-.207.391-.609.61-1.023.61l-.011-.012Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M293.591 247.598c6.931 0 12.548-5.618 12.548-12.549 0-6.931-5.617-12.549-12.548-12.549-6.93 0-12.549 5.618-12.549 12.549 0 6.931 5.619 12.549 12.549 12.549Zm-58.132-17.048c-.264 0-.529-.092-.748-.264a1.154 1.154 0 0 1-.149-1.633c.103-.127 2.588-3.072 6.199-3.152 2.22-.035 4.372.989 6.304 3.117a1.164 1.164 0 0 1-1.714 1.576c-1.461-1.599-2.99-2.404-4.531-2.358-2.519.057-4.441 2.289-4.464 2.312a1.16 1.16 0 0 1-.897.414v-.012Zm26.374 0c-.264 0-.529-.092-.748-.264a1.154 1.154 0 0 1-.149-1.633c.104-.127 2.589-3.072 6.2-3.152 2.209-.035 4.371.989 6.303 3.117a1.165 1.165 0 1 1-1.714 1.576c-1.461-1.599-2.99-2.404-4.531-2.358-2.519.057-4.44 2.289-4.463 2.312-.23.276-.564.414-.898.414v-.012Zm4.958-91.901c-.058 0-.126 0-.183-.012l-25.064-3.945a1.164 1.164 0 0 1-.967-1.335 1.17 1.17 0 0 1 1.335-.966l23.913 3.773 8.857-56.223-59.294-9.34-5.2 32.966a1.167 1.167 0 0 1-1.333.966 1.162 1.162 0 0 1-.967-1.334l5.371-34.116a1.169 1.169 0 0 1 1.335-.966l61.595 9.708c.633.103 1.07.69.966 1.334l-9.225 58.523a1.162 1.162 0 0 1-1.15.978l.011-.011Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M241.727 157.456h-68.714a1.159 1.159 0 0 1-1.162-1.162c0-.644.518-1.161 1.162-1.161h67.552v-50.599h-83.103v17.576c0 .644-.518 1.161-1.162 1.161a1.157 1.157 0 0 1-1.161-1.161v-18.737c0-.644.517-1.162 1.161-1.162h85.427a1.16 1.16 0 0 1 1.162 1.162v52.921c0 .645-.518 1.162-1.162 1.162Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M172.254 113.461v37.014h-3.888l-1.369-7.292-2.048-.426v-29.296h7.305Zm54.405 11.109v25.914h7.304V124.57h-7.304Zm-46.273-.828v26.742h7.304v-26.742h-7.304Zm15.424-12.239v38.97h7.304v-38.97h-7.304Zm15.425 6.153v32.817h7.304v-32.817h-7.304Z"
-        fill={palette.details2}
-      />
-      <path
-        d="M144.142 174.227c-.978 0-1.966-.058-2.944-.173l-1.161-.138.425-3.554c.161-1.369-.656-2.657-1.955-3.06l-.288-.091a2.848 2.848 0 0 0-3.382 1.334l-1.737 3.128-1.012-.563a24.861 24.861 0 0 1-7.476-6.361l-.725-.92 2.806-2.197c1.093-.863 1.404-2.358.737-3.658l-.046-.103c-.632-1.243-2.06-1.887-3.371-1.507l-3.427.989-.322-1.116a24.917 24.917 0 0 1-.874-4.854 25.214 25.214 0 0 1 .092-4.934l.138-1.162 3.543.426c1.369.161 2.656-.702 3.093-2.048l.035-.092c.449-1.38-.08-2.818-1.299-3.485l-3.117-1.737.562-1.012a24.676 24.676 0 0 1 6.361-7.465l.909-.724 2.208 2.806a2.848 2.848 0 0 0 3.554.771l.266-.138c1.219-.61 1.817-2.013 1.437-3.336l-.978-3.439 1.116-.322a24.984 24.984 0 0 1 9.766-.782l1.15.138-.425 3.554c-.161 1.357.7 2.657 2.046 3.094l.081.023c1.38.449 2.818-.08 3.497-1.3l1.725-3.128 1.012.563a24.71 24.71 0 0 1 7.477 6.361l.724.909-2.806 2.208c-1.092.863-1.391 2.358-.724 3.646l.046.092c.644 1.266 2.07 1.91 3.381 1.53l3.428-.989.321 1.116c.449 1.587.749 3.22.875 4.854a25.214 25.214 0 0 1-.092 4.934l-.138 1.162-3.543-.426c-1.369-.161-2.657.702-3.094 2.048l-.023.069c-.448 1.368.104 2.841 1.3 3.508l3.117 1.725-.564 1.024a24.773 24.773 0 0 1-6.372 7.488l-.909.713-2.208-2.807c-.863-1.092-2.358-1.391-3.658-.724l-.081.034c-1.265.644-1.909 2.071-1.529 3.382l.989 3.439-1.115.322a24.954 24.954 0 0 1-4.855.874c-.656.058-1.322.081-1.989.081h.022Zm-1.506-2.381a22.73 22.73 0 0 0 6.59-.529l-.334-1.162c-.69-2.381.45-4.946 2.704-6.096 2.324-1.196 5.084-.621 6.614 1.323l.747.954a22.173 22.173 0 0 0 4.291-5.038l-1.058-.586c-2.174-1.208-3.187-3.83-2.393-6.246l.023-.069c.77-2.404 3.117-3.945 5.59-3.646l1.208.149a22.73 22.73 0 0 0-.53-6.59l-1.161.333c-2.381.69-4.946-.448-6.096-2.703l-.035-.08c-1.161-2.255-.587-5.004 1.357-6.545l.955-.748a22.81 22.81 0 0 0-5.038-4.29l-.586 1.058c-1.208 2.174-3.83 3.175-6.246 2.393l.276-1.128-.356 1.105c-2.404-.771-3.934-3.118-3.647-5.579l.15-1.208a22.746 22.746 0 0 0-3.313.023 22.675 22.675 0 0 0-3.266.506l.333 1.173a5.176 5.176 0 0 1-2.634 6.051l-.23.115a5.184 5.184 0 0 1-6.464-1.392l-.76-.955a22.388 22.388 0 0 0-4.278 5.027l1.058.586c2.174 1.208 3.175 3.831 2.381 6.246l-.034.104c-.771 2.392-3.129 3.922-5.579 3.623l-1.208-.15a22.746 22.746 0 0 0 .529 6.591l1.162-.334c2.393-.678 4.946.461 6.096 2.703l-1 .599 1.035-.529c1.162 2.265.586 5.014-1.369 6.544l-.955.748a22.471 22.471 0 0 0 5.038 4.279l.599-1.07a5.18 5.18 0 0 1 6.153-2.404l.253.081c2.358.736 3.865 3.082 3.566 5.555l-.149 1.208h.011Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M144.131 157.638a8.229 8.229 0 0 1-5.337-1.967 8.178 8.178 0 0 1-2.875-5.625 8.243 8.243 0 0 1 1.943-6.016 8.176 8.176 0 0 1 5.625-2.875 8.223 8.223 0 0 1 6.015 1.944 8.17 8.17 0 0 1 2.876 5.624 8.241 8.241 0 0 1-1.943 6.016 8.183 8.183 0 0 1-5.626 2.876c-.23.023-.448.023-.678.023Zm.024-14.194c-.161 0-.323 0-.484.023a5.882 5.882 0 0 0-4.038 2.07 5.91 5.91 0 0 0-1.391 4.325 5.874 5.874 0 0 0 2.07 4.037 5.86 5.86 0 0 0 4.326 1.392 5.882 5.882 0 0 0 4.037-2.07 5.91 5.91 0 0 0 1.391-4.325 5.874 5.874 0 0 0-2.07-4.037 5.88 5.88 0 0 0-3.83-1.415h-.011Z"
-        fill={palette.lines}
-      />
-      <path
-        d="m215.928 269.256-10.939-6.314v-47.62a7.78 7.78 0 0 0-7.775-7.775h-68.98a7.78 7.78 0 0 0-7.775 7.775v66.092a7.78 7.78 0 0 0 7.775 7.776h68.98a7.78 7.78 0 0 0 7.775-7.776v-5.831l10.939-6.315v-.012Z"
-        fill="#fff"
-      />
-      <path
-        d="M190.151 225.32h-56.188a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h56.188a1.16 1.16 0 0 1 1.163 1.162 1.16 1.16 0 0 1-1.163 1.162Zm-14.584 15.16h-41.604a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h41.604c.644 0 1.161.518 1.161 1.162 0 .644-.517 1.162-1.161 1.162Zm8.879 15.16h-50.483a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h50.483a1.16 1.16 0 0 1 1.163 1.162 1.16 1.16 0 0 1-1.163 1.162Zm-17.299 15.172h-33.184a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h33.184a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162ZM320.023 68.877c-.081 0-.15 0-.231-.023a1.157 1.157 0 0 1-.908-1.369l.517-2.553a1.164 1.164 0 0 1 1.37-.909c.632.127 1.035.736.908 1.369l-.517 2.553a1.167 1.167 0 0 1-1.139.932Zm-6.246 0c-.54 0-1.024-.38-1.139-.932l-.518-2.553a1.158 1.158 0 0 1 .909-1.369 1.157 1.157 0 0 1 1.369.909l.518 2.553a1.157 1.157 0 0 1-1.139 1.392Zm-5.625 2.334c-.379 0-.747-.184-.966-.517l-1.438-2.175a1.166 1.166 0 0 1 .323-1.61 1.166 1.166 0 0 1 1.611.322l1.437 2.174c.357.53.207 1.254-.322 1.61a1.21 1.21 0 0 1-.645.196Zm-4.404 4.404c-.219 0-.45-.057-.645-.195l-2.174-1.438a1.155 1.155 0 0 1-.322-1.61 1.166 1.166 0 0 1 1.611-.322l2.173 1.438c.541.356.679 1.08.323 1.61a1.167 1.167 0 0 1-.966.517Zm-2.336 5.625c-.08 0-.15 0-.23-.023l-2.553-.518a1.157 1.157 0 0 1-.909-1.369 1.157 1.157 0 0 1 1.368-.908l2.554.517c.633.127 1.036.736.909 1.369a1.166 1.166 0 0 1-1.139.932Zm-2.552 6.753c-.541 0-1.024-.38-1.139-.931a1.165 1.165 0 0 1 .908-1.369l2.554-.506a1.167 1.167 0 0 1 1.369.909 1.167 1.167 0 0 1-.909 1.368l-2.554.506c-.081.012-.149.023-.229.023Zm2.713 6.557c-.379 0-.747-.185-.966-.519a1.166 1.166 0 0 1 .323-1.61l2.162-1.438a1.165 1.165 0 0 1 1.61.322c.356.53.207 1.254-.322 1.61l-2.162 1.439a1.206 1.206 0 0 1-.645.195Zm5.141 5.142a1.11 1.11 0 0 1-.643-.196 1.166 1.166 0 0 1-.323-1.61l1.438-2.174a1.166 1.166 0 0 1 1.611-.322c.529.356.679 1.08.322 1.61l-1.437 2.174a1.169 1.169 0 0 1-.968.517Zm6.557 2.701c-.081 0-.15 0-.231-.023a1.156 1.156 0 0 1-.907-1.369l.505-2.553a1.163 1.163 0 0 1 1.369-.91c.633.127 1.036.737.909 1.37l-.506 2.553a1.168 1.168 0 0 1-1.139.932Zm7.258 0c-.54 0-1.024-.38-1.139-.932l-.506-2.553a1.157 1.157 0 0 1 .908-1.37 1.164 1.164 0 0 1 1.37.91l.505 2.553a1.156 1.156 0 0 1-.908 1.369c-.08.011-.149.023-.23.023Zm6.557-2.701a1.15 1.15 0 0 1-.967-.518l-1.438-2.162a1.165 1.165 0 0 1 .322-1.61 1.166 1.166 0 0 1 1.611.322l1.438 2.162a1.165 1.165 0 0 1-.322 1.61 1.205 1.205 0 0 1-.644.196Zm5.141-5.142c-.218 0-.449-.058-.644-.196l-2.163-1.438a1.166 1.166 0 0 1-.321-1.61 1.165 1.165 0 0 1 1.61-.323l2.162 1.438c.529.357.679 1.081.322 1.61a1.164 1.164 0 0 1-.966.518Zm2.714-6.556c-.081 0-.149 0-.229-.023l-2.555-.506a1.163 1.163 0 0 1 .461-2.278l2.553.507c.633.126 1.035.736.909 1.368a1.167 1.167 0 0 1-1.139.932Zm-2.553-6.754c-.541 0-1.024-.38-1.139-.932a1.157 1.157 0 0 1 .908-1.369l2.555-.517a1.162 1.162 0 0 1 .459 2.277l-2.553.518c-.081.011-.15.023-.23.023Zm-2.335-5.625a1.15 1.15 0 0 1-.966-.517 1.165 1.165 0 0 1 .322-1.61l2.173-1.438a1.166 1.166 0 0 1 1.611.322 1.165 1.165 0 0 1-.322 1.61l-2.174 1.438a1.206 1.206 0 0 1-.644.195Zm-4.417-4.415a1.165 1.165 0 0 1-.966-1.806l1.438-2.163a1.165 1.165 0 0 1 1.61-.322c.529.357.678 1.081.322 1.61l-1.438 2.163a1.167 1.167 0 0 1-.966.518Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M165.088 284.844h-49.943c-5.514 0-9.983 4.47-9.983 9.984v12.802c0 5.514 4.469 9.984 9.983 9.984h49.943c5.514 0 9.985-4.47 9.985-9.984v-12.802c0-5.514-4.471-9.984-9.985-9.984Z"
-        fill={palette.details1}
-      />
-      <path
-        d="M165.1 318.773h-49.955c-6.142 0-11.145-5.004-11.145-11.146v-12.802c0-6.142 5.003-11.145 11.145-11.145H165.1c6.142 0 11.145 5.003 11.145 11.145v12.802c0 6.142-5.003 11.146-11.145 11.146Zm-49.955-32.77c-4.865 0-8.822 3.957-8.822 8.822v12.802c0 4.866 3.957 8.823 8.822 8.823H165.1c4.865 0 8.822-3.957 8.822-8.823v-12.802c0-4.865-3.957-8.822-8.822-8.822h-49.955Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M125.912 303.086a1.852 1.852 0 1 0 0-3.704 1.852 1.852 0 0 0 0 3.704Zm14.204 0a1.852 1.852 0 1 0 .001-3.705 1.852 1.852 0 0 0-.001 3.705Zm14.217 0a1.852 1.852 0 1 0 .001-3.705 1.852 1.852 0 0 0-.001 3.705Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M187.437 94.954c6.403 0 11.594-5.19 11.594-11.594 0-6.403-5.191-11.594-11.594-11.594s-11.594 5.19-11.594 11.594c0 6.403 5.191 11.594 11.594 11.594Z"
-        fill="#fff"
-      />
-      <path d="m183.515 83.795 3.174 3.174 4.682-7.235" fill="#fff" />
-      <path
-        d="M186.689 88.141a1.15 1.15 0 0 1-.817-.345l-3.174-3.174a1.172 1.172 0 0 1 0-1.645 1.172 1.172 0 0 1 1.644 0l2.163 2.162 3.899-6.038a1.168 1.168 0 0 1 1.61-.346c.541.346.69 1.07.345 1.61l-4.681 7.247a1.193 1.193 0 0 1-.851.53h-.138Zm197.654 229.391c-.196 0-.379-.046-.552-.138l-26.34-14.274a1.172 1.172 0 0 1-.472-1.576 1.172 1.172 0 0 1 1.576-.471l25.316 13.71 13.539-25.408a1.173 1.173 0 0 1 1.576-.483 1.17 1.17 0 0 1 .483 1.576l-14.09 26.443c-.15.276-.392.483-.691.564a1.131 1.131 0 0 1-.334.046l-.011.011Z"
-        fill={palette.lines}
-      />
-      <path
-        d="M366.366 331.072c-.495 0-.966-.322-1.116-.828l-8.374-27.801a1.134 1.134 0 0 1 .093-.886c.149-.276.39-.471.689-.563l40.431-12.17c.299-.092.61-.057.886.092.276.15.471.391.563.69l8.363 27.801a1.16 1.16 0 0 1-.783 1.45l-40.43 12.169a1.18 1.18 0 0 1-.333.046h.011Zm-6.924-28.192 7.694 25.581 38.21-11.502-7.694-25.581-38.21 11.502Z"
-        fill={palette.lines}
-      />
-    </svg>
-  );
-};
-
-export default Support2Medium;

package/src/components/InfoTeaser/InfoTeaser.stories.tsx

@@ -1,53 +0,0 @@
-import React from 'react';
-
-import { StoryObj, Meta } from '@storybook/react-vite';
-import { Docs } from 'frankenstein-build-tools';
-
-import InfoTeaser from './InfoTeaser';
-import { allTitleTags } from '../../../.storybook/knobs';
-import longLoremText from '../../utils/loremtext';
-import HandWaving from '../Icons/HandWaving';
-
-const meta = {
-  title: '@helsenorge/designsystem-react/Components/InfoTeaser',
-  component: InfoTeaser,
-  parameters: {
-    docs: {
-      description: {
-        component: 'InfoTeaser viser faktainformasjon i en avgrenset høyde, med mulighet for ekspandering.',
-      },
-      page: (): React.JSX.Element => <Docs component={InfoTeaser} />,
-    },
-  },
-  args: {
-    title: 'Mange lurer på dette',
-    children: <span>{longLoremText}</span>,
-    svgIcon: HandWaving,
-  },
-  argTypes: {
-    title: {
-      control: 'text',
-    },
-    htmlMarkup: {
-      control: {
-        type: 'select',
-        options: ['div', 'section', 'aside', 'article'],
-      },
-    },
-    titleHtmlMarkup: {
-      control: {
-        type: 'select',
-        options: allTitleTags,
-      },
-    },
-  },
-} satisfies Meta<typeof InfoTeaser>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-  render: args => <InfoTeaser {...args} />,
-};

package/src/components/InfoTeaser/InfoTeaser.test.tsx

@@ -1,44 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-
-import InfoTeaser from './InfoTeaser';
-
-describe('Gitt at InfoTeaser skal vises', (): void => {
-  describe('Når InfoTeaser vises', (): void => {
-    test('Så vises InfoTeaser', (): void => {
-      render(<InfoTeaser title="Tittel">{'Tekst'}</InfoTeaser>);
-      const infoteaserElement = screen.getByText('Tekst');
-      expect(infoteaserElement).toBeInTheDocument();
-    });
-
-    test('Så vises InfoTeaser med gitt html tag', (): void => {
-      render(
-        <InfoTeaser title="Tittel" htmlMarkup="section" testId="infoteaser">
-          {'Tekst'}
-        </InfoTeaser>
-      );
-      const infoteaserElement = screen.getByTestId('infoteaser');
-      expect(infoteaserElement.tagName.toLowerCase()).toBe('section');
-    });
-  });
-
-  describe('Når InfoTeaser er lukket', (): void => {
-    test('Så er teksten skjult for skjermlesere', (): void => {
-      render(<InfoTeaser title="Tittel">{'Tekst'}</InfoTeaser>);
-      const infoteaserText = screen.getByText('Tekst');
-      expect(infoteaserText).toHaveAttribute('aria-hidden', 'true');
-    });
-  });
-
-  describe('Når InfoTeaser er åpen', (): void => {
-    test('Så er teksten tilgjengelig for skjermlesere', async () => {
-      render(<InfoTeaser title="Tittel">{'Tekst'}</InfoTeaser>);
-
-      const infoteaserButton = screen.getByRole('button');
-      await userEvent.click(infoteaserButton);
-
-      const infoteaserText = screen.getByText('Tekst');
-      expect(infoteaserText).toHaveAttribute('aria-hidden', 'false');
-    });
-  });
-});

package/src/components/InfoTeaser/InfoTeaser.tsx

@@ -1,89 +0,0 @@
-import React, { useState } from 'react';
-
-import classNames from 'classnames';
-
-import { AnalyticsId, LanguageLocales } from '../../constants';
-import { HNDesignsystemInfoTeaser } from '../../resources/Resources';
-import { useLanguage } from '../../utils/language';
-import Icon, { IconSize, SvgIcon } from '../Icon';
-import { IconName } from '../Icons/IconNames';
-import LazyIcon from '../LazyIcon';
-import Title, { TitleTags } from '../Title';
-import { getResources } from './resourceHelper';
-import { useUuid } from '../../hooks/useUuid';
-
-import styles from './styles.module.scss';
-
-export type InfoTeaserTags = 'div' | 'section' | 'aside' | 'article';
-
-export interface InfoTeaserProps {
-  /** For overriding styling on the button */
-  buttonClassName?: string;
-  /** What's in the box? */
-  children: React.ReactNode;
-  /** For overriding styling on infoteaser box */
-  className?: string;
-  /** Changes the underlying element of the wrapper */
-  htmlMarkup?: InfoTeaserTags;
-  /** Resources for component */
-  resources?: Partial<HNDesignsystemInfoTeaser>;
-  /** Adds an icon */
-  svgIcon?: SvgIcon | IconName;
-  /** Sets the data-testid attribute */
-  testId?: string;
-  /** Title on top of the component */
-  title: string;
-  /** Markup props for title */
-  titleHtmlMarkup?: TitleTags;
-}
-
-const InfoTeaser: React.FC<InfoTeaserProps> = props => {
-  const { buttonClassName, children, className, htmlMarkup = 'div', resources, svgIcon, testId, title, titleHtmlMarkup = 'h2' } = props;
-  const [expanded, setExpanded] = useState(false);
-  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);
-  const defaultResources = getResources(language);
-  const infoteaserTextId = useUuid();
-
-  const mergedResources: HNDesignsystemInfoTeaser = {
-    ...defaultResources,
-    ...resources,
-  };
-
-  const WrapperTag = htmlMarkup;
-
-  return (
-    <WrapperTag className={styles.wrapper} data-testid={testId} data-analyticsid={AnalyticsId.InfoTeaser}>
-      <div
-        className={classNames(styles.infoteaser, className, {
-          [styles['infoteaser--collapsed']]: !expanded,
-        })}
-      >
-        {svgIcon &&
-          (typeof svgIcon === 'string' ? (
-            <LazyIcon iconName={svgIcon} size={IconSize.Small} className={styles.infoteaser__icon} />
-          ) : (
-            <Icon svgIcon={svgIcon} size={IconSize.Small} className={styles.infoteaser__icon} />
-          ))}
-        <Title testId="titleId" htmlMarkup={titleHtmlMarkup} appearance="title4" className={styles.infoteaser__title}>
-          {title}
-        </Title>
-        <div className={styles.infoteaser__text} aria-hidden={expanded ? false : true} id={infoteaserTextId}>
-          {children}
-        </div>
-      </div>
-      <button
-        type="button"
-        className={classNames(styles.infoteaser__button, buttonClassName)}
-        onClick={() => {
-          setExpanded(!expanded);
-        }}
-        aria-expanded={expanded}
-        aria-controls={infoteaserTextId}
-      >
-        {expanded ? mergedResources.expandButtonOpen : mergedResources.expandButtonClose}
-      </button>
-    </WrapperTag>
-  );
-};
-
-export default InfoTeaser;

package/src/components/InfoTeaser/index.ts

@@ -1,3 +0,0 @@
-import InfoTeaser from './InfoTeaser';
-export * from './InfoTeaser';
-export default InfoTeaser;

package/src/components/InfoTeaser/resourceHelper.ts

@@ -1,14 +0,0 @@
-import { LanguageLocales } from '../../constants';
-import enGB from '../../resources/HN.Designsystem.InfoTeaser.en-GB.json';
-import nbNO from '../../resources/HN.Designsystem.InfoTeaser.nb-NO.json';
-import { HNDesignsystemInfoTeaser } from '../../resources/Resources';
-
-export const getResources = (language: LanguageLocales): HNDesignsystemInfoTeaser => {
-  switch (language) {
-    case LanguageLocales.ENGLISH:
-      return enGB;
-    case LanguageLocales.NORWEGIAN:
-    default:
-      return nbNO;
-  }
-};

package/src/components/Input/Input.stories.tsx

@@ -1,158 +0,0 @@
-import React from 'react';
-
-import { StoryObj, Meta } from '@storybook/react-vite';
-import { Docs } from 'frankenstein-build-tools';
-
-import Input, { InputProps, InputTypes } from './Input';
-import { FormOnColor, FormSize } from '../../constants';
-import Hospital from '../Icons/Hospital';
-import Label from '../Label/Label';
-
-type InputWithAndCustomArgs = React.ComponentProps<typeof Input> & {
-  showIcon: boolean;
-};
-
-const meta = {
-  title: '@helsenorge/designsystem-react/Components/Input',
-  component: Input,
-  parameters: {
-    docs: {
-      page: (): React.JSX.Element => (
-        <Docs component={Input} supernovaLink="https://frankenstein.helsenorge.design/latest/komponenter/input/bruk-nZhVWDVH" />
-      ),
-      description: {
-        component:
-          'Som innbygger vil jeg kunne skrive inn korte tekster slik at jeg kan gjøre mine oppgaver.<br><br>Bruksområde: For å la innbygger skrive inn en tekst (enkeltlinje, begrenset mengde)',
-      },
-    },
-  },
-  argTypes: {
-    defaultValue: {
-      control: 'text',
-    },
-    placeholder: {
-      control: 'text',
-    },
-    width: {
-      control: 'number',
-    },
-    size: {
-      control: 'select',
-      options: FormSize,
-    },
-    transparent: {
-      control: 'boolean',
-    },
-    type: {
-      control: 'select',
-      options: InputTypes,
-    },
-    disabled: {
-      control: 'boolean',
-    },
-    onColor: {
-      control: 'select',
-      options: FormOnColor,
-    },
-    showIcon: {
-      control: 'boolean',
-    },
-    iconRight: {
-      control: 'boolean',
-    },
-    readOnly: {
-      control: 'boolean',
-    },
-    autoComplete: {
-      control: 'text',
-    },
-    name: {
-      control: 'text',
-    },
-    required: {
-      control: 'boolean',
-    },
-    maxCharacters: {
-      control: 'number',
-    },
-    maxText: {
-      control: 'text',
-    },
-    inputMode: {
-      control: 'select',
-      options: ['decimal', 'email', 'none', 'numeric', 'search', 'tel', 'text', 'url'],
-    },
-    value: { control: 'text' },
-  },
-} satisfies Meta<InputWithAndCustomArgs>;
-
-export default meta;
-
-type Story = StoryObj<InputWithAndCustomArgs>;
-
-export const Default: Story = {
-  render: ({ showIcon, ...rest }) => {
-    const inputId = 'input-testid';
-
-    return (
-      <Input
-        {...rest}
-        label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} htmlFor={inputId} />}
-        inputId={inputId}
-        icon={showIcon ? Hospital : undefined}
-      />
-    );
-  },
-};
-
-export const MultipleExamples: Story = {
-  render: ({ showIcon, ...rest }) => (
-    <>
-      <Input {...rest} label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} />} icon={showIcon ? Hospital : undefined} />
-      <Input {...rest} label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} />} icon={showIcon ? Hospital : undefined} />
-      <Input {...rest} label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} />} icon={showIcon ? Hospital : undefined} />
-    </>
-  ),
-};
-
-export const MaxCharacters: Story = {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render: ({ showIcon, ...rest }: InputProps & { showIcon?: boolean }) => (
-    <>
-      <Input {...rest} label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} />} maxCharacters={10} width={10} />
-      <Input {...rest} label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} />} maxCharacters={50} width={50} />
-      <Input {...rest} label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} />} maxCharacters={50} width={50} defaultValue="test" />
-    </>
-  ),
-};
-
-export const AfterInputChildren: Story = {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render: ({ showIcon, ...rest }: InputProps & { showIcon?: boolean }) => (
-    <>
-      <Input
-        {...rest}
-        label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} />}
-        afterInputChildren={<div style={{ marginTop: '1rem' }}>{'*Ikke oppgi personsensitiv informasjon'}</div>}
-      />
-      <Input {...rest} label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} />} afterInputChildren={'Tekst uten innsendt div'} />
-    </>
-  ),
-};
-
-export const BaseIncrementValue: Story = {
-  render: ({ showIcon, ...rest }: InputProps & { showIcon?: boolean }) => {
-    const inputId = 'input-testid';
-
-    return (
-      <Input
-        {...rest}
-        type={'number'}
-        baseIncrementValue={1990}
-        label={<Label labelTexts={[{ text: 'Skriv inn din tekst' }]} htmlFor={inputId} />}
-        inputId={inputId}
-        icon={showIcon ? Hospital : undefined}
-      />
-    );
-  },
-};