@helsenorge/designsystem-react 15.0.0-beta.0 → 15.0.0

package/lib/components/Illustrations/Support2Medium.js.map

@@ -1 +1 @@
-{"version":3,"file":"Support2Medium.js","names":[],"sources":["../../../src/components/Illustrations/Support2Medium.tsx"],"sourcesContent":["import type { Palette } from './Support2';\nimport type { BaseSvgIllustrationProps } from '../Illustration';\n\nimport { ViewBoxSize } from '../Illustration/utils';\n\nconst Support2Medium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n  const palette = ((): Palette => {\n    switch (color) {\n      case 'blueberry':\n        return {\n          details1: '#CAE7ED',\n          details2: '#188097',\n          lines: '#000',\n        };\n      case 'cherry':\n        return {\n          details1: '#FBE4D7',\n          details2: '#F05E3D',\n          lines: '#1D1C1A',\n        };\n      default:\n        return {\n          details1: '#EAE7E7',\n          details2: '#989693',\n          lines: '#2B2C2B',\n        };\n    }\n  })();\n\n  return (\n    <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n      {title}\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill=\"#fff\"\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path d=\"M373.232 246.621h-39.003v39.004h39.003v-39.004Z\" fill={palette.details1} />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path d=\"M353.759 269.926v4.877h-1.863l1.358-4.877h.505Z\" fill={palette.lines} />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.details2}\n      />\n      <path\n        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\"\n        fill={palette.details2}\n      />\n      <path\n        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\"\n        fill=\"#fff\"\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.details2}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill=\"#fff\"\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.details1}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill=\"#fff\"\n      />\n      <path d=\"m183.515 83.795 3.174 3.174 4.682-7.235\" fill=\"#fff\" />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n    </svg>\n  );\n};\n\nexport default Support2Medium;\n"],"mappings":";;;AAKA,IAAM,kBAAsD,EAAE,OAAO,eAAe,YAAY;CAC9F,MAAM,iBAA0B;EAC9B,QAAQ,OAAR;GACE,KAAK,aACH,OAAO;IACL,UAAU;IACV,UAAU;IACV,OAAO;IACR;GACH,KAAK,UACH,OAAO;IACL,UAAU;IACV,UAAU;IACV,OAAO;IACR;GACH,SACE,OAAO;IACL,UAAU;IACV,UAAU;IACV,OAAO;IACR;;KAEH;CAEJ,OACE,qBAAC,OAAD;EAAK,GAAI;EAAe,SAAS,YAAY;YAA7C;GACG;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IAAM,GAAE;IAAkD,MAAM,QAAQ;IAAY,CAAA;GACpF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IAAM,GAAE;IAAkD,MAAM,QAAQ;IAAS,CAAA;GACjF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IAAM,GAAE;IAA0C,MAAK;IAAS,CAAA;GAChE,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACE"}
+{"version":3,"file":"Support2Medium.js","names":[],"sources":["../../../src/components/Illustrations/Support2Medium.tsx"],"sourcesContent":["import type { Palette } from './Support2';\nimport type { BaseSvgIllustrationProps } from '../Illustration';\n\nimport { ViewBoxSize } from '../Illustration/utils';\n\nconst Support2Medium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n  const palette = ((): Palette => {\n    switch (color) {\n      case 'blueberry':\n        return {\n          details1: '#CAE7ED',\n          details2: '#188097',\n          lines: '#000',\n        };\n      case 'cherry':\n        return {\n          details1: '#FBE4D7',\n          details2: '#F05E3D',\n          lines: '#1D1C1A',\n        };\n      default:\n        return {\n          details1: '#EAE7E7',\n          details2: '#989693',\n          lines: '#2B2C2B',\n        };\n    }\n  })();\n\n  return (\n    <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n      {title}\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill=\"#fff\"\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path d=\"M373.232 246.621h-39.003v39.004h39.003v-39.004Z\" fill={palette.details1} />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path d=\"M353.759 269.926v4.877h-1.863l1.358-4.877h.505Z\" fill={palette.lines} />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.details2}\n      />\n      <path\n        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\"\n        fill={palette.details2}\n      />\n      <path\n        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\"\n        fill=\"#fff\"\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.details2}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill=\"#fff\"\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.details1}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill=\"#fff\"\n      />\n      <path d=\"m183.515 83.795 3.174 3.174 4.682-7.235\" fill=\"#fff\" />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n      <path\n        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\"\n        fill={palette.lines}\n      />\n    </svg>\n  );\n};\n\nexport default Support2Medium;\n"],"mappings":";;;AAKA,IAAM,kBAAsD,EAAE,OAAO,eAAe,YAAY;CAC9F,MAAM,iBAA0B;EAC9B,QAAQ,OAAR;GACE,KAAK,aACH,OAAO;IACL,UAAU;IACV,UAAU;IACV,OAAO;GACT;GACF,KAAK,UACH,OAAO;IACL,UAAU;IACV,UAAU;IACV,OAAO;GACT;GACF,SACE,OAAO;IACL,UAAU;IACV,UAAU;IACV,OAAO;GACT;EACJ;CACF,GAAG;CAEH,OACE,qBAAC,OAAD;EAAK,GAAI;EAAe,SAAS,YAAY;YAA7C;GACG;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;GACN,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IAAM,GAAE;IAAkD,MAAM,QAAQ;GAAW,CAAA;GACnF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IAAM,GAAE;IAAkD,MAAM,QAAQ;GAAQ,CAAA;GAChF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;GACN,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;GACN,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;GACN,CAAA;GACD,oBAAC,QAAD;IAAM,GAAE;IAA0C,MAAK;GAAQ,CAAA;GAC/D,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;EACE;;AAET"}

package/lib/components/Illustrations/Thinking.js

@@ -1,4 +1,4 @@
-import { n as getIllustration } from "../../utils4.js";
+import { n as getIllustration } from "../../utils3.js";
 import ThinkingMedium from "./ThinkingMedium.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Illustrations/Thinking.tsx

package/lib/components/Illustrations/Thinking.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thinking.js","names":[],"sources":["../../../src/components/Illustrations/Thinking.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { SvgIllustrationProps } from '../Illustration';\n\nimport ThinkingMedium from './ThinkingMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  lines: string;\n  shapes1: string;\n  shapes2: string;\n}\n\nconst Thinking: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <ThinkingMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default Thinking;\n"],"mappings":";;;;AAaA,IAAM,YAA4C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;CAGnF,OAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,gBAAD;GAAuB;GAAO,GAAI;GAAQ,CAE1B;EAAQ,CAAC"}
+{"version":3,"file":"Thinking.js","names":[],"sources":["../../../src/components/Illustrations/Thinking.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { SvgIllustrationProps } from '../Illustration';\n\nimport ThinkingMedium from './ThinkingMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  lines: string;\n  shapes1: string;\n  shapes2: string;\n}\n\nconst Thinking: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <ThinkingMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default Thinking;\n"],"mappings":";;;;AAaA,IAAM,YAA4C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;CAGnF,OAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,gBAAD;GAAuB;GAAO,GAAI;EAAO,CAEzB;CAAO,CAAC;AACzC"}

package/lib/components/Illustrations/ThinkingMedium.js

@@ -1,4 +1,4 @@
-import { t as ViewBoxSize } from "../../utils4.js";
+import { t as ViewBoxSize } from "../../utils3.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Illustrations/ThinkingMedium.tsx
 var ThinkingMedium = ({ color, svgProperties, title }) => {

package/lib/components/Illustrations/ThinkingMedium.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThinkingMedium.js","names":[],"sources":["../../../src/components/Illustrations/ThinkingMedium.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { Palette } from './Thinking';\n\nimport { type BaseSvgIllustrationProps, ViewBoxSize } from '../Illustration';\n\nconst ThinkingMedium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n  const palette = ((): Palette => {\n    switch (color) {\n      case 'blueberry':\n        return {\n          lines: '#000',\n          shapes1: '#188097',\n          shapes2: '#AFDAE3',\n        };\n      case 'cherry':\n        return {\n          lines: '#000',\n          shapes1: '#A31F0E',\n          shapes2: '#F05A3B',\n        };\n      default:\n        return {\n          lines: '#1D1C1A',\n          shapes1: '#989693',\n          shapes2: '#D6D3D2',\n        };\n    }\n  })();\n\n  return (\n    <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n      {title}\n      <path d=\"m301.601 134.422-11.125 19.26-11.115-19.26h22.24Z\" fill={palette.lines} />\n      <path\n        d=\"M215.7 117.402c6.645 0 12.033-5.387 12.033-12.033s-5.388-12.033-12.033-12.033c-6.646 0-12.033 5.387-12.033 12.033s5.387 12.033 12.033 12.033Z\"\n        fill={palette.shapes2}\n      />\n      <path\n        d=\"M352.636 188.933a543.85 543.85 0 0 1-15.73 3.395 116.773 116.773 0 0 0-4.179-9.625c-2.107-4.28-6.387-8.313-9.121-10.633l21.21-6.968 7.809 23.82.011.011ZM138.19 133.719l-15.753-14.487c-1.659-1.524-5.11-.448-7.72 2.386-2.611 2.835-3.373 6.375-1.726 7.899l15.753 14.487c1.659 1.524 5.11.448 7.72-2.386 2.611-2.835 3.373-6.376 1.726-7.899Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M120.712 127.141c2.608-2.839 3.38-6.372 1.726-7.892-1.655-1.519-5.109-.449-7.717 2.391-2.607 2.839-3.38 6.373-1.725 7.892 1.654 1.519 5.109.449 7.716-2.391Zm170.674-32.739-1.429 27.457 13.427.699 1.429-27.457-13.427-.7Zm45.811 97.869a586.22 586.22 0 0 1-11.417 2.196c-26.576 4.84-50.587 7.271-71.931 8.089 1.132-22.531 19.764-40.447 42.576-40.447 19.204 0 35.439 12.706 40.772 30.162Z\"\n        fill={palette.shapes1}\n      />\n      <path d=\"m362.978 139.172 2.957 11.047-11.047-2.969 8.09-8.078Z\" fill={palette.shapes2} />\n      <path\n        d=\"M299.965 451.799c-.918 0-1.669-.74-1.68-1.658l-.874-66.329a1.679 1.679 0 0 1 1.658-1.703h.022c.919 0 1.67.74 1.681 1.659l.874 66.328a1.678 1.678 0 0 1-1.658 1.703h-.023Zm-91.784-142.302c-1.288 0-2.621-.269-4.022-.84-7.563-3.149-18.767-21.871-24.66-50.352-.964-4.672-.605-12.358 3.607-18.632 2.869-4.291 7.093-7.07 12.191-8.022 13.87-2.611 20.75 7.036 21.041 7.45a1.68 1.68 0 0 1-2.756 1.927c-.258-.358-6.006-8.268-17.658-6.072-4.258.807-7.63 3.025-10.017 6.588-3.394 5.075-4.011 11.731-3.103 16.089 4.807 23.215 14.969 44.716 22.666 47.92 3.26 1.367 7.607 1.21 15.036-10.252a1.68 1.68 0 0 1 2.319-.493c.784.504.997 1.546.493 2.331-4.078 6.285-8.974 12.369-15.126 12.369l-.011-.011Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M215.699 255.82c-.47 0-.941-.191-1.266-.583-.078-.09-7.977-9.087-15.17-9.087h-.056c-2.353.012-4.336 1.02-6.062 3.059a1.683 1.683 0 0 1-2.364.202 1.683 1.683 0 0 1-.201-2.364c2.364-2.801 5.266-4.235 8.616-4.258 8.784-.045 17.422 9.826 17.792 10.252a1.684 1.684 0 0 1-.168 2.375 1.64 1.64 0 0 1-1.098.415l-.023-.011Zm-7.697 36.301c-.28 0-.56-.067-.818-.213a1.686 1.686 0 0 1-.65-2.285c5.569-9.938.807-13.871-3.787-17.68-2.521-2.084-4.907-4.056-4.661-6.902.225-2.667 2.712-5.176 8.325-8.403a1.681 1.681 0 1 1 1.681 2.913c-5.636 3.238-6.588 5.008-6.656 5.781-.089 1.098 1.625 2.521 3.451 4.034 4.583 3.787 11.518 9.523 4.583 21.915a1.673 1.673 0 0 1-1.468.863v-.023Zm-62.989-99.709c-.717 0-1.389-.47-1.614-1.198a10.523 10.523 0 0 1-.28-1.166c-.874-5.131 2.588-10.005 7.72-10.879a9.398 9.398 0 0 1 7.742 2.151 1.686 1.686 0 0 1-2.196 2.555 6.06 6.06 0 0 0-4.986-1.389c-3.305.56-5.535 3.708-4.963 7.002.045.258.101.516.179.751a1.683 1.683 0 0 1-1.12 2.095 1.8 1.8 0 0 1-.493.067l.011.011Zm128.276-75.598c-4.583 0-8.314-3.731-8.314-8.313 0-4.583 3.731-8.313 8.314-8.313 4.582 0 8.313 3.73 8.313 8.313 0 4.582-3.731 8.313-8.313 8.313Zm0-13.276a4.954 4.954 0 0 0-4.953 4.952 4.954 4.954 0 0 0 4.953 4.952 4.954 4.954 0 0 0 4.952-4.952 4.954 4.954 0 0 0-4.952-4.952Zm-19.496 100.226h-.1a1.682 1.682 0 0 1-1.58-1.782c1.389-23.293 20.783-41.544 44.155-41.544 19.473 0 36.447 12.481 42.24 31.057a1.677 1.677 0 0 1-1.109 2.107 1.677 1.677 0 0 1-2.107-1.109c-5.344-17.165-21.03-28.694-39.024-28.694-21.59 0-39.506 16.862-40.794 38.385a1.682 1.682 0 0 1-1.681 1.58Zm-12.089-111.67a1.4 1.4 0 0 1-.37-.045l-11.551-2.565a1.66 1.66 0 0 1-1.221-1.098 1.655 1.655 0 0 1 .302-1.614l8.134-9.803-13.019-2.095a1.678 1.678 0 0 1-.918-2.846l10.531-10.532a1.671 1.671 0 0 1 2.376 0c.649.66.661 1.725 0 2.375l-8.202 8.202 12.672 2.039c.594.09 1.098.504 1.311 1.064.213.56.101 1.199-.28 1.67l-8.258 9.949 8.874 1.972a1.68 1.68 0 0 1 1.277 2.005 1.683 1.683 0 0 1-1.635 1.311l-.023.011Zm-68.042 68.289a1.663 1.663 0 0 1-1.524-.975c-1.311-2.868-1.994-5.355-2.241-7.484-4.157-.84-8.257-3.63-10.162-9.658-.784-2.498-1.087-4.952-.93-7.283a14.842 14.842 0 0 1-2.812-1.613c-2.812-2.028-4.448-4.717-4.863-8-1.109-8.75 7.025-18.666 7.373-19.092a1.685 1.685 0 0 1 2.364-.224c.717.594.818 1.647.224 2.364-.079.09-7.563 9.221-6.622 16.526.303 2.353 1.445 4.213 3.496 5.692.493.359.974.65 1.445.896a15.674 15.674 0 0 1 5.076-7.764c3.417-2.846 7.63-3.877 10.218-2.498 1.232.649 1.938 1.927 1.927 3.484-.034 3.44-3.294 7.776-7.417 9.86-2.308 1.165-4.728 1.591-7.104 1.277-.022 1.591.213 3.372.841 5.355 1.333 4.247 4.022 6.409 6.901 7.216.348-3.384 1.815-5.479 2.757-6.487 2.33-2.51 5.859-3.563 8.582-2.555 1.893.695 3.07 2.319 3.148 4.325.146 3.832-3.675 7.305-9.086 8.235a13.47 13.47 0 0 1-1.916.202c.291 1.792.919 3.742 1.86 5.815.392.84.022 1.837-.829 2.229a1.739 1.739 0 0 1-.695.157h-.011Zm5.322-17.983c-1.199 0-2.723.561-3.922 1.86-1.098 1.177-1.725 2.734-1.893 4.572a13.605 13.605 0 0 0 1.501-.157c3.552-.616 6.375-2.768 6.297-4.796-.011-.414-.135-.997-.953-1.299a2.92 2.92 0 0 0-1.03-.168v-.012Zm-16.403-9.837c2.039.258 3.787-.28 5.109-.941 3.428-1.737 5.557-5.187 5.58-6.902 0-.157-.012-.425-.135-.493-1.165-.616-3.977.023-6.498 2.118-1.166.975-3.137 3.003-4.045 6.218h-.011Zm105.431-42.398a1.69 1.69 0 0 1-1.188-.493 1.67 1.67 0 0 1 0-2.376l7.574-7.574a1.67 1.67 0 0 1 2.375 0c.65.661.661 1.726 0 2.376l-7.574 7.574a1.69 1.69 0 0 1-1.187.493Zm-2.017-12.601a1.69 1.69 0 0 1-1.188-.493 1.67 1.67 0 0 1 0-2.375l7.294-7.294a1.67 1.67 0 0 1 2.375 0c.65.661.662 1.725 0 2.375l-7.293 7.294a1.69 1.69 0 0 1-1.188.493Zm88.165 42.094c-1.423 0-2.879-.213-4.336-.65-2.42-.729-4.526-2.23-6.263-4.146a17.099 17.099 0 0 1-7.328 1.95c-9.052.257-13.075-7.115-13.96-11.07a1.68 1.68 0 0 1 1.277-2.005 1.68 1.68 0 0 1 2.006 1.266c.09.369 2.106 8.739 10.577 8.447a13.455 13.455 0 0 0 5.389-1.31c-1.67-2.667-2.745-5.726-3.137-8.549-.493-3.597.235-6.196 2.061-7.35 1.065-.661 2.902-1.087 5.658.717 3.843 2.532 5.434 6.196 4.336 10.073-.638 2.252-2.084 4.302-4.044 5.938 1.266 1.311 2.745 2.319 4.392 2.812 4.773 1.434 8.257-.37 10.33-2.14 3.316-2.812 4.65-6.689 4.47-8.067a1.678 1.678 0 0 1 1.446-1.882c.918-.135 1.759.526 1.882 1.445.358 2.711-1.692 7.72-5.625 11.058-2.677 2.275-5.826 3.451-9.131 3.451v.012Zm-11.686-20.627a.539.539 0 0 0-.235.045c-.381.235-.863 1.557-.516 4.044.325 2.342 1.233 4.93 2.622 7.171 1.446-1.255 2.454-2.734 2.868-4.179.684-2.432-.336-4.627-2.946-6.353-.885-.582-1.457-.74-1.77-.74l-.023.012Zm-221.762 28.11c2.608-2.839 3.38-6.372 1.726-7.892-1.655-1.519-5.109-.449-7.717 2.391-2.607 2.839-3.38 6.373-1.725 7.892 1.654 1.519 5.109.449 7.716-2.391Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M114.963 131.871c-1.187 0-2.263-.358-3.092-1.12-1.244-1.143-1.692-2.98-1.244-5.053.392-1.782 1.401-3.63 2.868-5.221 3.283-3.574 7.72-4.672 10.095-2.488 2.376 2.185 1.67 6.689-1.613 10.275-2.14 2.33-4.773 3.607-7.003 3.607h-.011Zm1.009-9.12c-1.042 1.143-1.793 2.476-2.051 3.664-.19.863-.101 1.546.235 1.86.706.638 3.194.056 5.345-2.286s2.521-4.874 1.826-5.523c-.706-.639-3.193-.056-5.344 2.285h-.011Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M130.705 146.358c-1.187 0-2.263-.358-3.092-1.12l-15.753-14.487a1.682 1.682 0 0 1 2.274-2.476l15.753 14.487c.695.638 3.194.056 5.345-2.286 2.151-2.341 2.521-4.874 1.826-5.523l-15.753-14.487a1.681 1.681 0 1 1 2.274-2.476l15.753 14.486c2.376 2.185 1.659 6.689-1.624 10.263-2.14 2.331-4.773 3.608-7.003 3.608v.011Zm133.318 13.154a17.92 17.92 0 0 1-3.149-.28c-6.308-1.12-10.677-5.188-9.949-9.255.381-2.106 2.005-3.787 4.594-4.739 2.274-.84 5.097-1.02 7.943-.504 6.308 1.12 10.678 5.187 9.95 9.254-.381 2.107-2.006 3.787-4.594 4.74-1.423.526-3.07.784-4.795.784Zm-3.698-11.697c-1.333 0-2.599.19-3.652.583-1.401.515-2.286 1.299-2.443 2.173-.336 1.86 2.689 4.549 7.227 5.356 2.241.403 4.504.269 6.196-.348 1.4-.515 2.285-1.299 2.442-2.173.336-1.86-2.689-4.549-7.226-5.356a14.23 14.23 0 0 0-2.555-.224l.011-.011Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M250.678 162.53c-.1 0-.201 0-.302-.022a1.677 1.677 0 0 1-1.356-1.95l1.905-10.599a1.684 1.684 0 0 1 1.949-1.356 1.677 1.677 0 0 1 1.356 1.95l-1.905 10.599a1.676 1.676 0 0 1-1.647 1.389v-.011Zm17.771 11.269c-.101 0-.202 0-.303-.022a1.677 1.677 0 0 1-1.356-1.95l3.306-18.431a1.684 1.684 0 0 1 1.949-1.355 1.676 1.676 0 0 1 1.356 1.949l-3.305 18.431a1.678 1.678 0 0 1-1.647 1.389v-.011Zm-27.327-32.967a1.67 1.67 0 0 1-1.546-1.031l-5.233-12.391a1.661 1.661 0 0 1 0-1.289c.168-.414.493-.739.908-.918l25.332-10.689a1.68 1.68 0 0 1 2.196.896l5.233 12.392c.179.414.179.874 0 1.288-.168.415-.493.74-.908.919l-25.332 10.689a1.7 1.7 0 0 1-.65.134Zm-3.025-13.176 3.921 9.288 22.24-9.377-3.921-9.289-22.24 9.378Zm-6.891 29.578c-.426 0-.841-.157-1.165-.47l-12.291-11.899-6.297 6.498a1.67 1.67 0 0 1-2.375.034 1.67 1.67 0 0 1-.034-2.375l7.462-7.709a1.68 1.68 0 0 1 2.375-.033l13.501 13.075a1.67 1.67 0 0 1 .034 2.375 1.7 1.7 0 0 1-1.21.516v-.012Zm-46.945 21.455c-.426 0-.841-.157-1.166-.47a1.672 1.672 0 0 1-.033-2.376l14.857-15.338a1.67 1.67 0 0 1 2.375-.034c.672.65.683 1.715.033 2.376l-14.856 15.338a1.699 1.699 0 0 1-1.21.515v-.011Zm147.67-14.599c-.291 0-.582-.078-.84-.224l-20.672-11.932a1.683 1.683 0 0 1-.616-2.297l11.932-20.672a1.706 1.706 0 0 1 1.02-.784 1.701 1.701 0 0 1 1.277.168l20.672 11.932a1.683 1.683 0 0 1 .616 2.297l-11.932 20.672a1.703 1.703 0 0 1-1.02.784 1.925 1.925 0 0 1-.437.056Zm-18.375-14.229 17.759 10.252 10.252-17.759-17.759-10.252-10.252 17.759Zm-152.465 15.736h-.056l-15.653-.47a1.708 1.708 0 0 1-1.434-.886 1.696 1.696 0 0 1 .045-1.68l8.235-13.322c.314-.515.885-.851 1.479-.795a1.703 1.703 0 0 1 1.434.885l7.417 13.792a1.7 1.7 0 0 1-.044 1.681 1.689 1.689 0 0 1-1.435.795h.012Zm-12.695-3.742 9.838.291-4.661-8.661-5.177 8.37Zm142.08-6.875a1.69 1.69 0 0 1-1.457-.84l-11.114-19.26a1.666 1.666 0 0 1 0-1.68 1.687 1.687 0 0 1 1.456-.841h22.24a1.69 1.69 0 0 1 1.457.841 1.67 1.67 0 0 1 0 1.68l-11.115 19.26c-.302.516-.851.84-1.456.84h-.011Zm-8.213-19.259 8.213 14.218 8.212-14.218h-16.425Z\"\n        fill={palette.lines}\n      />\n      <path d=\"m198.109 134.477 18.476 24.761-30.689 3.619 12.213-28.38Z\" fill={palette.lines} />\n      <path\n        d=\"M185.897 164.536a1.671 1.671 0 0 1-1.345-.672 1.69 1.69 0 0 1-.202-1.669l12.202-28.391c.235-.549.75-.93 1.344-1.009a1.654 1.654 0 0 1 1.546.661l18.487 24.761a1.69 1.69 0 0 1 .202 1.67c-.235.549-.751.93-1.345 1.008l-30.688 3.63c-.067 0-.134.011-.201.011Zm12.593-26.733-9.904 23.036 24.906-2.947-15.002-20.1v.011Zm117.554 116.906c-4.941 0-10.655-1.065-17.165-3.855a1.69 1.69 0 0 1-.885-2.207 1.688 1.688 0 0 1 2.207-.885c24.447 10.498 36.077-5.019 36.559-5.692a1.685 1.685 0 0 1 2.342-.381c.75.538.918 1.591.381 2.342-.101.146-7.899 10.678-23.451 10.678h.012Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M198.277 198.441c0 .896-.056 1.77-.145 2.633-20.089-1.972-35.854-5.143-47.047-8.022 2.443-10.611 11.944-18.521 23.283-18.521 13.198 0 23.909 10.7 23.909 23.91Z\"\n        fill={palette.shapes2}\n      />\n      <path\n        d=\"M253.961 168.822a15.8 15.8 0 0 1-2.073 7.865l-14.43-8.335-8.101 14.027c-4.482-2.846-7.462-7.854-7.462-13.557 0-8.862 7.171-16.033 16.033-16.033 8.863 0 16.033 7.171 16.033 16.033Z\"\n        fill={palette.shapes1}\n      />\n      <path\n        d=\"M154.043 449.909a1.76 1.76 0 0 1-.784-.19 1.68 1.68 0 0 1-.695-2.275c2.824-5.344 5.468-10.162 8.034-14.834 21.164-38.576 29.926-54.541 3.428-121.71-15.551-39.416-21.243-70.149-23.282-88.994-1.972-18.162-1.053-28.885-.773-31.417a2.363 2.363 0 0 1 0-.571c.123-.852.963-1.457 1.792-1.446.359.012.695.146.975.359.706.246 3.025.964 10.577 2.902 13.602 3.496 28.738 6.072 44.984 7.663 17.681 1.726 36.347 2.23 55.483 1.468 23.025-.885 47.147-3.596 71.695-8.056a464.258 464.258 0 0 0 11.384-2.196 553.362 553.362 0 0 0 15.394-3.327 565.684 565.684 0 0 0 7.249-1.714c.46-.112.941-.023 1.334.246.392.269.649.684.717 1.154.045.336 1.098 8.302-3.608 29.187l42.912 86.148c.224.46.235.986.022 1.457a1.697 1.697 0 0 1-1.12.93l-30.812 7.663c-.056 37.702-2.677 71.404-30.733 73.107-9.893.605-33.052 2.006-55.437-4.033-27.473-7.406-44.772-23.428-51.427-47.618a1.674 1.674 0 0 1 1.176-2.061 1.675 1.675 0 0 1 2.062 1.176c6.319 22.957 22.822 38.184 49.062 45.265 21.86 5.893 44.638 4.515 54.363 3.921 25.467-1.546 27.584-34.497 27.584-71.056a1.69 1.69 0 0 1 1.278-1.636l30.049-7.473-42.251-84.815a1.682 1.682 0 0 1-.134-1.121c3.417-15.002 3.809-23.282 3.776-26.688-1.782.426-3.552.84-5.311 1.244a595.78 595.78 0 0 1-15.473 3.35c-3.72.762-7.574 1.501-11.451 2.207-24.705 4.493-48.984 7.227-72.165 8.112-19.283.75-38.106.257-55.942-1.491-16.415-1.602-31.719-4.212-45.5-7.753-4.269-1.098-7.395-1.938-9.311-2.498-.706 9.624-1.838 51.718 23.977 117.172 27.069 68.637 17.456 86.16-3.619 124.557-2.555 4.661-5.199 9.467-8.011 14.789a1.683 1.683 0 0 1-1.49.896h.022Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M217.985 203.765a1.683 1.683 0 0 1-1.456-2.521l19.517-33.826a1.71 1.71 0 0 1 1.02-.784 1.701 1.701 0 0 1 1.277.168l22.756 13.143a1.681 1.681 0 0 1 .616 2.296 1.673 1.673 0 0 1-2.297.617l-21.299-12.302-18.677 32.368a1.683 1.683 0 0 1-1.457.841Z\"\n        fill={palette.lines}\n      />\n    </svg>\n  );\n};\n\nexport default ThinkingMedium;\n"],"mappings":";;;AAMA,IAAM,kBAAsD,EAAE,OAAO,eAAe,YAAY;CAC9F,MAAM,iBAA0B;EAC9B,QAAQ,OAAR;GACE,KAAK,aACH,OAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;IACV;GACH,KAAK,UACH,OAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;IACV;GACH,SACE,OAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;IACV;;KAEH;CAEJ,OACE,qBAAC,OAAD;EAAK,GAAI;EAAe,SAAS,YAAY;YAA7C;GACG;GACD,oBAAC,QAAD;IAAM,GAAE;IAAoD,MAAM,QAAQ;IAAS,CAAA;GACnF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IAAM,GAAE;IAAyD,MAAM,QAAQ;IAAW,CAAA;GAC1F,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IAAM,GAAE;IAA4D,MAAM,QAAQ;IAAS,CAAA;GAC3F,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;IACd,CAAA;GACE"}
+{"version":3,"file":"ThinkingMedium.js","names":[],"sources":["../../../src/components/Illustrations/ThinkingMedium.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { Palette } from './Thinking';\n\nimport { type BaseSvgIllustrationProps, ViewBoxSize } from '../Illustration';\n\nconst ThinkingMedium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n  const palette = ((): Palette => {\n    switch (color) {\n      case 'blueberry':\n        return {\n          lines: '#000',\n          shapes1: '#188097',\n          shapes2: '#AFDAE3',\n        };\n      case 'cherry':\n        return {\n          lines: '#000',\n          shapes1: '#A31F0E',\n          shapes2: '#F05A3B',\n        };\n      default:\n        return {\n          lines: '#1D1C1A',\n          shapes1: '#989693',\n          shapes2: '#D6D3D2',\n        };\n    }\n  })();\n\n  return (\n    <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n      {title}\n      <path d=\"m301.601 134.422-11.125 19.26-11.115-19.26h22.24Z\" fill={palette.lines} />\n      <path\n        d=\"M215.7 117.402c6.645 0 12.033-5.387 12.033-12.033s-5.388-12.033-12.033-12.033c-6.646 0-12.033 5.387-12.033 12.033s5.387 12.033 12.033 12.033Z\"\n        fill={palette.shapes2}\n      />\n      <path\n        d=\"M352.636 188.933a543.85 543.85 0 0 1-15.73 3.395 116.773 116.773 0 0 0-4.179-9.625c-2.107-4.28-6.387-8.313-9.121-10.633l21.21-6.968 7.809 23.82.011.011ZM138.19 133.719l-15.753-14.487c-1.659-1.524-5.11-.448-7.72 2.386-2.611 2.835-3.373 6.375-1.726 7.899l15.753 14.487c1.659 1.524 5.11.448 7.72-2.386 2.611-2.835 3.373-6.376 1.726-7.899Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M120.712 127.141c2.608-2.839 3.38-6.372 1.726-7.892-1.655-1.519-5.109-.449-7.717 2.391-2.607 2.839-3.38 6.373-1.725 7.892 1.654 1.519 5.109.449 7.716-2.391Zm170.674-32.739-1.429 27.457 13.427.699 1.429-27.457-13.427-.7Zm45.811 97.869a586.22 586.22 0 0 1-11.417 2.196c-26.576 4.84-50.587 7.271-71.931 8.089 1.132-22.531 19.764-40.447 42.576-40.447 19.204 0 35.439 12.706 40.772 30.162Z\"\n        fill={palette.shapes1}\n      />\n      <path d=\"m362.978 139.172 2.957 11.047-11.047-2.969 8.09-8.078Z\" fill={palette.shapes2} />\n      <path\n        d=\"M299.965 451.799c-.918 0-1.669-.74-1.68-1.658l-.874-66.329a1.679 1.679 0 0 1 1.658-1.703h.022c.919 0 1.67.74 1.681 1.659l.874 66.328a1.678 1.678 0 0 1-1.658 1.703h-.023Zm-91.784-142.302c-1.288 0-2.621-.269-4.022-.84-7.563-3.149-18.767-21.871-24.66-50.352-.964-4.672-.605-12.358 3.607-18.632 2.869-4.291 7.093-7.07 12.191-8.022 13.87-2.611 20.75 7.036 21.041 7.45a1.68 1.68 0 0 1-2.756 1.927c-.258-.358-6.006-8.268-17.658-6.072-4.258.807-7.63 3.025-10.017 6.588-3.394 5.075-4.011 11.731-3.103 16.089 4.807 23.215 14.969 44.716 22.666 47.92 3.26 1.367 7.607 1.21 15.036-10.252a1.68 1.68 0 0 1 2.319-.493c.784.504.997 1.546.493 2.331-4.078 6.285-8.974 12.369-15.126 12.369l-.011-.011Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M215.699 255.82c-.47 0-.941-.191-1.266-.583-.078-.09-7.977-9.087-15.17-9.087h-.056c-2.353.012-4.336 1.02-6.062 3.059a1.683 1.683 0 0 1-2.364.202 1.683 1.683 0 0 1-.201-2.364c2.364-2.801 5.266-4.235 8.616-4.258 8.784-.045 17.422 9.826 17.792 10.252a1.684 1.684 0 0 1-.168 2.375 1.64 1.64 0 0 1-1.098.415l-.023-.011Zm-7.697 36.301c-.28 0-.56-.067-.818-.213a1.686 1.686 0 0 1-.65-2.285c5.569-9.938.807-13.871-3.787-17.68-2.521-2.084-4.907-4.056-4.661-6.902.225-2.667 2.712-5.176 8.325-8.403a1.681 1.681 0 1 1 1.681 2.913c-5.636 3.238-6.588 5.008-6.656 5.781-.089 1.098 1.625 2.521 3.451 4.034 4.583 3.787 11.518 9.523 4.583 21.915a1.673 1.673 0 0 1-1.468.863v-.023Zm-62.989-99.709c-.717 0-1.389-.47-1.614-1.198a10.523 10.523 0 0 1-.28-1.166c-.874-5.131 2.588-10.005 7.72-10.879a9.398 9.398 0 0 1 7.742 2.151 1.686 1.686 0 0 1-2.196 2.555 6.06 6.06 0 0 0-4.986-1.389c-3.305.56-5.535 3.708-4.963 7.002.045.258.101.516.179.751a1.683 1.683 0 0 1-1.12 2.095 1.8 1.8 0 0 1-.493.067l.011.011Zm128.276-75.598c-4.583 0-8.314-3.731-8.314-8.313 0-4.583 3.731-8.313 8.314-8.313 4.582 0 8.313 3.73 8.313 8.313 0 4.582-3.731 8.313-8.313 8.313Zm0-13.276a4.954 4.954 0 0 0-4.953 4.952 4.954 4.954 0 0 0 4.953 4.952 4.954 4.954 0 0 0 4.952-4.952 4.954 4.954 0 0 0-4.952-4.952Zm-19.496 100.226h-.1a1.682 1.682 0 0 1-1.58-1.782c1.389-23.293 20.783-41.544 44.155-41.544 19.473 0 36.447 12.481 42.24 31.057a1.677 1.677 0 0 1-1.109 2.107 1.677 1.677 0 0 1-2.107-1.109c-5.344-17.165-21.03-28.694-39.024-28.694-21.59 0-39.506 16.862-40.794 38.385a1.682 1.682 0 0 1-1.681 1.58Zm-12.089-111.67a1.4 1.4 0 0 1-.37-.045l-11.551-2.565a1.66 1.66 0 0 1-1.221-1.098 1.655 1.655 0 0 1 .302-1.614l8.134-9.803-13.019-2.095a1.678 1.678 0 0 1-.918-2.846l10.531-10.532a1.671 1.671 0 0 1 2.376 0c.649.66.661 1.725 0 2.375l-8.202 8.202 12.672 2.039c.594.09 1.098.504 1.311 1.064.213.56.101 1.199-.28 1.67l-8.258 9.949 8.874 1.972a1.68 1.68 0 0 1 1.277 2.005 1.683 1.683 0 0 1-1.635 1.311l-.023.011Zm-68.042 68.289a1.663 1.663 0 0 1-1.524-.975c-1.311-2.868-1.994-5.355-2.241-7.484-4.157-.84-8.257-3.63-10.162-9.658-.784-2.498-1.087-4.952-.93-7.283a14.842 14.842 0 0 1-2.812-1.613c-2.812-2.028-4.448-4.717-4.863-8-1.109-8.75 7.025-18.666 7.373-19.092a1.685 1.685 0 0 1 2.364-.224c.717.594.818 1.647.224 2.364-.079.09-7.563 9.221-6.622 16.526.303 2.353 1.445 4.213 3.496 5.692.493.359.974.65 1.445.896a15.674 15.674 0 0 1 5.076-7.764c3.417-2.846 7.63-3.877 10.218-2.498 1.232.649 1.938 1.927 1.927 3.484-.034 3.44-3.294 7.776-7.417 9.86-2.308 1.165-4.728 1.591-7.104 1.277-.022 1.591.213 3.372.841 5.355 1.333 4.247 4.022 6.409 6.901 7.216.348-3.384 1.815-5.479 2.757-6.487 2.33-2.51 5.859-3.563 8.582-2.555 1.893.695 3.07 2.319 3.148 4.325.146 3.832-3.675 7.305-9.086 8.235a13.47 13.47 0 0 1-1.916.202c.291 1.792.919 3.742 1.86 5.815.392.84.022 1.837-.829 2.229a1.739 1.739 0 0 1-.695.157h-.011Zm5.322-17.983c-1.199 0-2.723.561-3.922 1.86-1.098 1.177-1.725 2.734-1.893 4.572a13.605 13.605 0 0 0 1.501-.157c3.552-.616 6.375-2.768 6.297-4.796-.011-.414-.135-.997-.953-1.299a2.92 2.92 0 0 0-1.03-.168v-.012Zm-16.403-9.837c2.039.258 3.787-.28 5.109-.941 3.428-1.737 5.557-5.187 5.58-6.902 0-.157-.012-.425-.135-.493-1.165-.616-3.977.023-6.498 2.118-1.166.975-3.137 3.003-4.045 6.218h-.011Zm105.431-42.398a1.69 1.69 0 0 1-1.188-.493 1.67 1.67 0 0 1 0-2.376l7.574-7.574a1.67 1.67 0 0 1 2.375 0c.65.661.661 1.726 0 2.376l-7.574 7.574a1.69 1.69 0 0 1-1.187.493Zm-2.017-12.601a1.69 1.69 0 0 1-1.188-.493 1.67 1.67 0 0 1 0-2.375l7.294-7.294a1.67 1.67 0 0 1 2.375 0c.65.661.662 1.725 0 2.375l-7.293 7.294a1.69 1.69 0 0 1-1.188.493Zm88.165 42.094c-1.423 0-2.879-.213-4.336-.65-2.42-.729-4.526-2.23-6.263-4.146a17.099 17.099 0 0 1-7.328 1.95c-9.052.257-13.075-7.115-13.96-11.07a1.68 1.68 0 0 1 1.277-2.005 1.68 1.68 0 0 1 2.006 1.266c.09.369 2.106 8.739 10.577 8.447a13.455 13.455 0 0 0 5.389-1.31c-1.67-2.667-2.745-5.726-3.137-8.549-.493-3.597.235-6.196 2.061-7.35 1.065-.661 2.902-1.087 5.658.717 3.843 2.532 5.434 6.196 4.336 10.073-.638 2.252-2.084 4.302-4.044 5.938 1.266 1.311 2.745 2.319 4.392 2.812 4.773 1.434 8.257-.37 10.33-2.14 3.316-2.812 4.65-6.689 4.47-8.067a1.678 1.678 0 0 1 1.446-1.882c.918-.135 1.759.526 1.882 1.445.358 2.711-1.692 7.72-5.625 11.058-2.677 2.275-5.826 3.451-9.131 3.451v.012Zm-11.686-20.627a.539.539 0 0 0-.235.045c-.381.235-.863 1.557-.516 4.044.325 2.342 1.233 4.93 2.622 7.171 1.446-1.255 2.454-2.734 2.868-4.179.684-2.432-.336-4.627-2.946-6.353-.885-.582-1.457-.74-1.77-.74l-.023.012Zm-221.762 28.11c2.608-2.839 3.38-6.372 1.726-7.892-1.655-1.519-5.109-.449-7.717 2.391-2.607 2.839-3.38 6.373-1.725 7.892 1.654 1.519 5.109.449 7.716-2.391Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M114.963 131.871c-1.187 0-2.263-.358-3.092-1.12-1.244-1.143-1.692-2.98-1.244-5.053.392-1.782 1.401-3.63 2.868-5.221 3.283-3.574 7.72-4.672 10.095-2.488 2.376 2.185 1.67 6.689-1.613 10.275-2.14 2.33-4.773 3.607-7.003 3.607h-.011Zm1.009-9.12c-1.042 1.143-1.793 2.476-2.051 3.664-.19.863-.101 1.546.235 1.86.706.638 3.194.056 5.345-2.286s2.521-4.874 1.826-5.523c-.706-.639-3.193-.056-5.344 2.285h-.011Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M130.705 146.358c-1.187 0-2.263-.358-3.092-1.12l-15.753-14.487a1.682 1.682 0 0 1 2.274-2.476l15.753 14.487c.695.638 3.194.056 5.345-2.286 2.151-2.341 2.521-4.874 1.826-5.523l-15.753-14.487a1.681 1.681 0 1 1 2.274-2.476l15.753 14.486c2.376 2.185 1.659 6.689-1.624 10.263-2.14 2.331-4.773 3.608-7.003 3.608v.011Zm133.318 13.154a17.92 17.92 0 0 1-3.149-.28c-6.308-1.12-10.677-5.188-9.949-9.255.381-2.106 2.005-3.787 4.594-4.739 2.274-.84 5.097-1.02 7.943-.504 6.308 1.12 10.678 5.187 9.95 9.254-.381 2.107-2.006 3.787-4.594 4.74-1.423.526-3.07.784-4.795.784Zm-3.698-11.697c-1.333 0-2.599.19-3.652.583-1.401.515-2.286 1.299-2.443 2.173-.336 1.86 2.689 4.549 7.227 5.356 2.241.403 4.504.269 6.196-.348 1.4-.515 2.285-1.299 2.442-2.173.336-1.86-2.689-4.549-7.226-5.356a14.23 14.23 0 0 0-2.555-.224l.011-.011Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M250.678 162.53c-.1 0-.201 0-.302-.022a1.677 1.677 0 0 1-1.356-1.95l1.905-10.599a1.684 1.684 0 0 1 1.949-1.356 1.677 1.677 0 0 1 1.356 1.95l-1.905 10.599a1.676 1.676 0 0 1-1.647 1.389v-.011Zm17.771 11.269c-.101 0-.202 0-.303-.022a1.677 1.677 0 0 1-1.356-1.95l3.306-18.431a1.684 1.684 0 0 1 1.949-1.355 1.676 1.676 0 0 1 1.356 1.949l-3.305 18.431a1.678 1.678 0 0 1-1.647 1.389v-.011Zm-27.327-32.967a1.67 1.67 0 0 1-1.546-1.031l-5.233-12.391a1.661 1.661 0 0 1 0-1.289c.168-.414.493-.739.908-.918l25.332-10.689a1.68 1.68 0 0 1 2.196.896l5.233 12.392c.179.414.179.874 0 1.288-.168.415-.493.74-.908.919l-25.332 10.689a1.7 1.7 0 0 1-.65.134Zm-3.025-13.176 3.921 9.288 22.24-9.377-3.921-9.289-22.24 9.378Zm-6.891 29.578c-.426 0-.841-.157-1.165-.47l-12.291-11.899-6.297 6.498a1.67 1.67 0 0 1-2.375.034 1.67 1.67 0 0 1-.034-2.375l7.462-7.709a1.68 1.68 0 0 1 2.375-.033l13.501 13.075a1.67 1.67 0 0 1 .034 2.375 1.7 1.7 0 0 1-1.21.516v-.012Zm-46.945 21.455c-.426 0-.841-.157-1.166-.47a1.672 1.672 0 0 1-.033-2.376l14.857-15.338a1.67 1.67 0 0 1 2.375-.034c.672.65.683 1.715.033 2.376l-14.856 15.338a1.699 1.699 0 0 1-1.21.515v-.011Zm147.67-14.599c-.291 0-.582-.078-.84-.224l-20.672-11.932a1.683 1.683 0 0 1-.616-2.297l11.932-20.672a1.706 1.706 0 0 1 1.02-.784 1.701 1.701 0 0 1 1.277.168l20.672 11.932a1.683 1.683 0 0 1 .616 2.297l-11.932 20.672a1.703 1.703 0 0 1-1.02.784 1.925 1.925 0 0 1-.437.056Zm-18.375-14.229 17.759 10.252 10.252-17.759-17.759-10.252-10.252 17.759Zm-152.465 15.736h-.056l-15.653-.47a1.708 1.708 0 0 1-1.434-.886 1.696 1.696 0 0 1 .045-1.68l8.235-13.322c.314-.515.885-.851 1.479-.795a1.703 1.703 0 0 1 1.434.885l7.417 13.792a1.7 1.7 0 0 1-.044 1.681 1.689 1.689 0 0 1-1.435.795h.012Zm-12.695-3.742 9.838.291-4.661-8.661-5.177 8.37Zm142.08-6.875a1.69 1.69 0 0 1-1.457-.84l-11.114-19.26a1.666 1.666 0 0 1 0-1.68 1.687 1.687 0 0 1 1.456-.841h22.24a1.69 1.69 0 0 1 1.457.841 1.67 1.67 0 0 1 0 1.68l-11.115 19.26c-.302.516-.851.84-1.456.84h-.011Zm-8.213-19.259 8.213 14.218 8.212-14.218h-16.425Z\"\n        fill={palette.lines}\n      />\n      <path d=\"m198.109 134.477 18.476 24.761-30.689 3.619 12.213-28.38Z\" fill={palette.lines} />\n      <path\n        d=\"M185.897 164.536a1.671 1.671 0 0 1-1.345-.672 1.69 1.69 0 0 1-.202-1.669l12.202-28.391c.235-.549.75-.93 1.344-1.009a1.654 1.654 0 0 1 1.546.661l18.487 24.761a1.69 1.69 0 0 1 .202 1.67c-.235.549-.751.93-1.345 1.008l-30.688 3.63c-.067 0-.134.011-.201.011Zm12.593-26.733-9.904 23.036 24.906-2.947-15.002-20.1v.011Zm117.554 116.906c-4.941 0-10.655-1.065-17.165-3.855a1.69 1.69 0 0 1-.885-2.207 1.688 1.688 0 0 1 2.207-.885c24.447 10.498 36.077-5.019 36.559-5.692a1.685 1.685 0 0 1 2.342-.381c.75.538.918 1.591.381 2.342-.101.146-7.899 10.678-23.451 10.678h.012Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M198.277 198.441c0 .896-.056 1.77-.145 2.633-20.089-1.972-35.854-5.143-47.047-8.022 2.443-10.611 11.944-18.521 23.283-18.521 13.198 0 23.909 10.7 23.909 23.91Z\"\n        fill={palette.shapes2}\n      />\n      <path\n        d=\"M253.961 168.822a15.8 15.8 0 0 1-2.073 7.865l-14.43-8.335-8.101 14.027c-4.482-2.846-7.462-7.854-7.462-13.557 0-8.862 7.171-16.033 16.033-16.033 8.863 0 16.033 7.171 16.033 16.033Z\"\n        fill={palette.shapes1}\n      />\n      <path\n        d=\"M154.043 449.909a1.76 1.76 0 0 1-.784-.19 1.68 1.68 0 0 1-.695-2.275c2.824-5.344 5.468-10.162 8.034-14.834 21.164-38.576 29.926-54.541 3.428-121.71-15.551-39.416-21.243-70.149-23.282-88.994-1.972-18.162-1.053-28.885-.773-31.417a2.363 2.363 0 0 1 0-.571c.123-.852.963-1.457 1.792-1.446.359.012.695.146.975.359.706.246 3.025.964 10.577 2.902 13.602 3.496 28.738 6.072 44.984 7.663 17.681 1.726 36.347 2.23 55.483 1.468 23.025-.885 47.147-3.596 71.695-8.056a464.258 464.258 0 0 0 11.384-2.196 553.362 553.362 0 0 0 15.394-3.327 565.684 565.684 0 0 0 7.249-1.714c.46-.112.941-.023 1.334.246.392.269.649.684.717 1.154.045.336 1.098 8.302-3.608 29.187l42.912 86.148c.224.46.235.986.022 1.457a1.697 1.697 0 0 1-1.12.93l-30.812 7.663c-.056 37.702-2.677 71.404-30.733 73.107-9.893.605-33.052 2.006-55.437-4.033-27.473-7.406-44.772-23.428-51.427-47.618a1.674 1.674 0 0 1 1.176-2.061 1.675 1.675 0 0 1 2.062 1.176c6.319 22.957 22.822 38.184 49.062 45.265 21.86 5.893 44.638 4.515 54.363 3.921 25.467-1.546 27.584-34.497 27.584-71.056a1.69 1.69 0 0 1 1.278-1.636l30.049-7.473-42.251-84.815a1.682 1.682 0 0 1-.134-1.121c3.417-15.002 3.809-23.282 3.776-26.688-1.782.426-3.552.84-5.311 1.244a595.78 595.78 0 0 1-15.473 3.35c-3.72.762-7.574 1.501-11.451 2.207-24.705 4.493-48.984 7.227-72.165 8.112-19.283.75-38.106.257-55.942-1.491-16.415-1.602-31.719-4.212-45.5-7.753-4.269-1.098-7.395-1.938-9.311-2.498-.706 9.624-1.838 51.718 23.977 117.172 27.069 68.637 17.456 86.16-3.619 124.557-2.555 4.661-5.199 9.467-8.011 14.789a1.683 1.683 0 0 1-1.49.896h.022Z\"\n        fill={palette.lines}\n      />\n      <path\n        d=\"M217.985 203.765a1.683 1.683 0 0 1-1.456-2.521l19.517-33.826a1.71 1.71 0 0 1 1.02-.784 1.701 1.701 0 0 1 1.277.168l22.756 13.143a1.681 1.681 0 0 1 .616 2.296 1.673 1.673 0 0 1-2.297.617l-21.299-12.302-18.677 32.368a1.683 1.683 0 0 1-1.457.841Z\"\n        fill={palette.lines}\n      />\n    </svg>\n  );\n};\n\nexport default ThinkingMedium;\n"],"mappings":";;;AAMA,IAAM,kBAAsD,EAAE,OAAO,eAAe,YAAY;CAC9F,MAAM,iBAA0B;EAC9B,QAAQ,OAAR;GACE,KAAK,aACH,OAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;GACX;GACF,KAAK,UACH,OAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;GACX;GACF,SACE,OAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;GACX;EACJ;CACF,GAAG;CAEH,OACE,qBAAC,OAAD;EAAK,GAAI;EAAe,SAAS,YAAY;YAA7C;GACG;GACD,oBAAC,QAAD;IAAM,GAAE;IAAoD,MAAM,QAAQ;GAAQ,CAAA;GAClF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IAAM,GAAE;IAAyD,MAAM,QAAQ;GAAU,CAAA;GACzF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IAAM,GAAE;IAA4D,MAAM,QAAQ;GAAQ,CAAA;GAC1F,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,QAAQ;GACf,CAAA;EACE;;AAET"}

package/lib/components/Loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Loader/constants.ts","../../../src/components/Loader/Loader.tsx","../../../src/components/Loader/index.ts"],"sourcesContent":["export enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\n","import { useCallback, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { PaletteNames } from '../../theme/palette';\n\nimport { Overlay } from './constants';\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\n\nexport interface LoaderProps {\n  /** Sets the color of the loader. If overlay is used, the color will always be white.  */\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    size = 'small',\n    className = '',\n    labelId = uuid(),\n    testId,\n    center,\n    inline,\n    ariaLabelledById,\n    ariaLabel = 'Laster inn',\n  } = props;\n  const color = props.overlay ? 'white' : props.color || 'neutral';\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  const hasInitializedRef = useRef(false);\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 = useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node && !hasInitializedRef.current) {\n        hasInitializedRef.current = true;\n        if (overlay === Overlay.parent && node.parentElement?.style) {\n          node.parentElement.style.position = 'relative';\n          setDisplay(true);\n        }\n        if (inline && node.parentElement?.style) {\n          node.parentElement.style.display = 'flex';\n          setDisplay(true);\n        }\n      }\n    },\n    [overlay, inline]\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","import Loader from './Loader';\nexport { Overlay } from './constants';\nexport * from './Loader';\nexport default Loader;\n"],"mappings":";;;;;;;AAAA,IAAY,UAAL,yBAAA,SAAA;CACL,QAAA,YAAS;CACT,QAAA,YAAS;;KACV;;;ACmCD,IAAM,UAAgC,UAAS;CAC7C,MAAM,EACJ,SACA,OAAO,SACP,YAAY,IACZ,UAAU,MAAM,EAChB,QACA,QACA,QACA,kBACA,YAAY,iBACV;CACJ,MAAM,QAAQ,MAAM,UAAU,UAAU,MAAM,SAAS;CAEvD,MAAM,mBAA4B;EAChC,IAAI,YAAY,QAAQ,UAAU,QAChC,OAAO;EAGT,OAAO;;CAGT,MAAM,CAAC,SAAS,cAAc,SAAS,YAAY,CAAC;CACpD,MAAM,oBAAoB,OAAO,MAAM;CAEvC,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CAEzB,MAAM,uBAAuB,WAAW;GACrC,aAAa,4BAA4B;GACzC,aAAa,6BAA6B;GAC1C,aAAa,oCAAoC,YAAY,QAAQ;GACrE,aAAa,oCAAoC,YAAY,QAAQ,UAAU;GAC/E,aAAa,4BAA4B,UAAU;EACrD,CAAC;CACF,MAAM,gBAAgB,WACpB,aAAa,QACb;GACG,aAAa,mBAAmB;GAChC,aAAa,oBAAoB;GACjC,aAAa,mBAAmB;EAClC,EACD,UACD;CACD,MAAM,mBAAmB,WAAW,aAAa,aAAa;GAC3D,aAAa,wBAAwB;GACrC,aAAa,yBAAyB;GACtC,aAAa,wBAAwB;GACrC,aAAa,yBAAyB,UAAU;GAChD,aAAa,yBAAyB,UAAU;GAChD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,0BAA0B,UAAU;GACjD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,wBAAwB,UAAU;GAC/C,aAAa,wBAAwB,UAAU;EACjD,CAAC;CAmBF,OACE,oBAAC,OAAD;EAAK,WAAW;EAAsB,KAlBrB,aAChB,SAAgC;GAC/B,IAAI,QAAQ,CAAC,kBAAkB,SAAS;IACtC,kBAAkB,UAAU;IAC5B,IAAI,YAAY,QAAQ,UAAU,KAAK,eAAe,OAAO;KAC3D,KAAK,cAAc,MAAM,WAAW;KACpC,WAAW,KAAK;;IAElB,IAAI,UAAU,KAAK,eAAe,OAAO;KACvC,KAAK,cAAc,MAAM,UAAU;KACnC,WAAW,KAAK;;;KAItB,CAAC,SAAS,OAAO,CAI0B;EAAY,OAAO,YAAY,QAAQ,SAAS,EAAE,QAAQ,OAAO,eAAe,GAAG,EAAE;YAC7H,WACC,qBAAC,OAAD;GACE,eAAa;GACb,oBAAkB,YAAY;GAC9B,MAAK;GACL,mBAAiB,oBAAoB;GACrC,WAAW;aALb;IAOE,oBAAC,OAAD,EAAK,WAAW,kBAAoB,CAAA;IACpC,oBAAC,OAAD,EAAK,WAAW,kBAAoB,CAAA;IACpC,oBAAC,OAAD,EAAK,WAAW,kBAAoB,CAAA;IACpC,oBAAC,OAAD,EAAK,WAAW,kBAAoB,CAAA;IACnC,CAAC,oBACA,oBAAC,QAAD;KAAM,IAAI;KAAS,WAAW,aAAa;eACxC;KACI,CAAA;IAEL;;EAEJ,CAAA;;;;ACnIV,IAAA,iBAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Loader/constants.ts","../../../src/components/Loader/Loader.tsx","../../../src/components/Loader/index.ts"],"sourcesContent":["export enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\n","import { useCallback, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { PaletteNames } from '../../theme/palette';\n\nimport { Overlay } from './constants';\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\n\nexport interface LoaderProps {\n  /** Sets the color of the loader. If overlay is used, the color will always be white.  */\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    size = 'small',\n    className = '',\n    labelId = uuid(),\n    testId,\n    center,\n    inline,\n    ariaLabelledById,\n    ariaLabel = 'Laster inn',\n  } = props;\n  const color = props.overlay ? 'white' : props.color || 'neutral';\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  const hasInitializedRef = useRef(false);\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 = useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node && !hasInitializedRef.current) {\n        hasInitializedRef.current = true;\n        if (overlay === Overlay.parent && node.parentElement?.style) {\n          node.parentElement.style.position = 'relative';\n          setDisplay(true);\n        }\n        if (inline && node.parentElement?.style) {\n          node.parentElement.style.display = 'flex';\n          setDisplay(true);\n        }\n      }\n    },\n    [overlay, inline]\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","import Loader from './Loader';\nexport { Overlay } from './constants';\nexport * from './Loader';\nexport default Loader;\n"],"mappings":";;;;;;;AAAA,IAAY,UAAL,yBAAA,SAAA;CACL,QAAA,YAAA;CACA,QAAA,YAAA;;AACF,EAAA,CAAA,CAAA;;;ACmCA,IAAM,UAAgC,UAAS;CAC7C,MAAM,EACJ,SACA,OAAO,SACP,YAAY,IACZ,UAAU,KAAK,GACf,QACA,QACA,QACA,kBACA,YAAY,iBACV;CACJ,MAAM,QAAQ,MAAM,UAAU,UAAU,MAAM,SAAS;CAEvD,MAAM,mBAA4B;EAChC,IAAI,YAAY,QAAQ,UAAU,QAChC,OAAO;EAGT,OAAO;CACT;CAEA,MAAM,CAAC,SAAS,cAAc,SAAS,WAAW,CAAC;CACnD,MAAM,oBAAoB,OAAO,KAAK;CAEtC,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CAEzB,MAAM,uBAAuB,WAAW;GACrC,aAAa,4BAA4B;GACzC,aAAa,6BAA6B;GAC1C,aAAa,oCAAoC,YAAY,QAAQ;GACrE,aAAa,oCAAoC,YAAY,QAAQ,UAAU;GAC/E,aAAa,4BAA4B,UAAU;CACtD,CAAC;CACD,MAAM,gBAAgB,WACpB,aAAa,QACb;GACG,aAAa,mBAAmB;GAChC,aAAa,oBAAoB;GACjC,aAAa,mBAAmB;CACnC,GACA,SACF;CACA,MAAM,mBAAmB,WAAW,aAAa,aAAa;GAC3D,aAAa,wBAAwB;GACrC,aAAa,yBAAyB;GACtC,aAAa,wBAAwB;GACrC,aAAa,yBAAyB,UAAU;GAChD,aAAa,yBAAyB,UAAU;GAChD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,0BAA0B,UAAU;GACjD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,wBAAwB,UAAU;GAC/C,aAAa,wBAAwB,UAAU;CAClD,CAAC;CAmBD,OACE,oBAAC,OAAD;EAAK,WAAW;EAAsB,KAlBrB,aAChB,SAAgC;GAC/B,IAAI,QAAQ,CAAC,kBAAkB,SAAS;IACtC,kBAAkB,UAAU;IAC5B,IAAI,YAAY,QAAQ,UAAU,KAAK,eAAe,OAAO;KAC3D,KAAK,cAAc,MAAM,WAAW;KACpC,WAAW,IAAI;IACjB;IACA,IAAI,UAAU,KAAK,eAAe,OAAO;KACvC,KAAK,cAAc,MAAM,UAAU;KACnC,WAAW,IAAI;IACjB;GACF;EACF,GACA,CAAC,SAAS,MAAM,CAI2B;EAAY,OAAO,YAAY,QAAQ,SAAS,EAAE,QAAQ,OAAO,cAAc,IAAI,CAAC;YAC5H,WACC,qBAAC,OAAD;GACE,eAAa;GACb,oBAAkB,YAAY;GAC9B,MAAK;GACL,mBAAiB,oBAAoB;GACrC,WAAW;aALb;IAOE,oBAAC,OAAD,EAAK,WAAW,iBAAmB,CAAA;IACnC,oBAAC,OAAD,EAAK,WAAW,iBAAmB,CAAA;IACnC,oBAAC,OAAD,EAAK,WAAW,iBAAmB,CAAA;IACnC,oBAAC,OAAD,EAAK,WAAW,iBAAmB,CAAA;IAClC,CAAC,oBACA,oBAAC,QAAD;KAAM,IAAI;KAAS,WAAW,aAAa;eACxC;IACG,CAAA;GAEL;;CAEJ,CAAA;AAET;;;ACrIA,IAAA,iBAAe"}

package/lib/components/Logo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Logo/Logo.tsx","../../../src/components/Logo/index.ts"],"sourcesContent":["import { useId } from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport { getColor } from '../../theme/currys/color';\n\ntype LogoColor = 'black' | 'white';\n\nexport interface LogoProps {\n  /** Changes the size of the logo. */\n  size?: number;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /**\tChanges the color of the logo. */\n  color?: LogoColor;\n  /** Changes to the byline variant of the logo. */\n  byline?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({ size = 300, color = 'black', byline = false, className, testId }) => {\n  const titleId = useId();\n\n  if (byline) {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        role={'img'}\n        aria-labelledby={titleId}\n        viewBox=\"0 0 87 12\"\n        className={className}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.Logo}\n      >\n        <title id={titleId}>{'Helsenorge'}</title>\n        <g fill={getColor(color)}>\n          <path d=\"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z\" />\n        </g>\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      role={'img'}\n      aria-labelledby={titleId}\n      viewBox=\"0 0 502 220\"\n      className={className}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Logo}\n    >\n      <title id={titleId}>{'Helsenorge'}</title>\n      <g fill={getColor(color)}>\n        <path d=\"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z\" />\n      </g>\n    </svg>\n  );\n};\n\nexport default Logo;\n","import Logo from './Logo';\nexport * from './Logo';\nexport default Logo;\n"],"mappings":";;;;;AAoBA,IAAM,QAA6B,EAAE,OAAO,KAAK,QAAQ,SAAS,SAAS,OAAO,WAAW,aAAa;CACxG,MAAM,UAAU,OAAO;CAEvB,IAAI,QACF,OACE,qBAAC,OAAD;EACE,OAAM;EACN,OAAO;EACP,MAAM;EACN,mBAAiB;EACjB,SAAQ;EACG;EACX,eAAa;EACb,oBAAkB,YAAY;YARhC,CAUE,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAqB,CAAA,EAC1C,oBAAC,KAAD;GAAG,MAAM,SAAS,MAAM;aACtB,oBAAC,QAAD,EAAM,GAAE,yxCAA0xC,CAAA;GAChyC,CAAA,CACA;;CAIV,OACE,qBAAC,OAAD;EACE,OAAM;EACN,OAAO;EACP,MAAM;EACN,mBAAiB;EACjB,SAAQ;EACG;EACX,eAAa;EACb,oBAAkB,YAAY;YARhC,CAUE,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAqB,CAAA,EAC1C,oBAAC,KAAD;GAAG,MAAM,SAAS,MAAM;aACtB,oBAAC,QAAD,EAAM,GAAE,iqDAAkqD,CAAA;GACxqD,CAAA,CACA;;;;;ACxDV,IAAA,eAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Logo/Logo.tsx","../../../src/components/Logo/index.ts"],"sourcesContent":["import { useId } from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport { getColor } from '../../theme/currys/color';\n\ntype LogoColor = 'black' | 'white';\n\nexport interface LogoProps {\n  /** Changes the size of the logo. */\n  size?: number;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /**\tChanges the color of the logo. */\n  color?: LogoColor;\n  /** Changes to the byline variant of the logo. */\n  byline?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({ size = 300, color = 'black', byline = false, className, testId }) => {\n  const titleId = useId();\n\n  if (byline) {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        role={'img'}\n        aria-labelledby={titleId}\n        viewBox=\"0 0 87 12\"\n        className={className}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.Logo}\n      >\n        <title id={titleId}>{'Helsenorge'}</title>\n        <g fill={getColor(color)}>\n          <path d=\"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z\" />\n        </g>\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      role={'img'}\n      aria-labelledby={titleId}\n      viewBox=\"0 0 502 220\"\n      className={className}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Logo}\n    >\n      <title id={titleId}>{'Helsenorge'}</title>\n      <g fill={getColor(color)}>\n        <path d=\"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z\" />\n      </g>\n    </svg>\n  );\n};\n\nexport default Logo;\n","import Logo from './Logo';\nexport * from './Logo';\nexport default Logo;\n"],"mappings":";;;;;AAoBA,IAAM,QAA6B,EAAE,OAAO,KAAK,QAAQ,SAAS,SAAS,OAAO,WAAW,aAAa;CACxG,MAAM,UAAU,MAAM;CAEtB,IAAI,QACF,OACE,qBAAC,OAAD;EACE,OAAM;EACN,OAAO;EACP,MAAM;EACN,mBAAiB;EACjB,SAAQ;EACG;EACX,eAAa;EACb,oBAAkB,YAAY;YARhC,CAUE,oBAAC,SAAD;GAAO,IAAI;aAAU;EAAoB,CAAA,GACzC,oBAAC,KAAD;GAAG,MAAM,SAAS,KAAK;aACrB,oBAAC,QAAD,EAAM,GAAE,wxCAAyxC,CAAA;EAChyC,CAAA,CACA;;CAIT,OACE,qBAAC,OAAD;EACE,OAAM;EACN,OAAO;EACP,MAAM;EACN,mBAAiB;EACjB,SAAQ;EACG;EACX,eAAa;EACb,oBAAkB,YAAY;YARhC,CAUE,oBAAC,SAAD;GAAO,IAAI;aAAU;EAAoB,CAAA,GACzC,oBAAC,KAAD;GAAG,MAAM,SAAS,KAAK;aACrB,oBAAC,QAAD,EAAM,GAAE,gqDAAiqD,CAAA;EACxqD,CAAA,CACA;;AAET;;;AC1DA,IAAA,eAAe"}

package/lib/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/constants.ts","../../../src/components/Modal/Modal.tsx","../../../src/components/Modal/index.ts"],"sourcesContent":["export enum ModalVariants {\n  normal = 'normal',\n  warning = 'warning',\n  error = 'error',\n  success = 'success',\n}\n\nexport enum ModalSize {\n  large = 'large',\n  medium = 'medium',\n}\n","import React, { useEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport type { IconProps } from '../Icon';\n\nimport { ModalSize, ModalVariants } from './constants';\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport useFocusTrap from '../../hooks/useFocusTrap';\nimport { useIsVisible } from '../../hooks/useIsVisible';\nimport { useReturnFocusOnUnmount } from '../../hooks/useReturnFocusOnUnmount';\nimport { palette } from '../../theme/palette';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { isComponent } from '../../utils/component';\nimport { disableBodyScroll, enableBodyScroll } from '../../utils/scroll';\nimport { uuid } from '../../utils/uuid';\nimport Button from '../Button';\nimport Close from '../Close';\nimport Icon, { IconSize } from '../Icon';\nimport AlertSignFill from '../Icons/AlertSignFill';\nimport AlertSignStroke from '../Icons/AlertSignStroke';\nimport CheckOutline from '../Icons/CheckOutline';\nimport Portal from '../Portal';\nimport Title from '../Title/Title';\n\nimport styles from './styles.module.scss';\n\nexport interface ModalProps {\n  /** Title of the modal */\n  title: string;\n  /** id of the modal title */\n  titleId?: string;\n  /** Description of the modal. Will not render if the modal has children. */\n  description?: string;\n  /** Optional footer content that can be rendered instead of default CTA(s) */\n  footerContent?: React.ReactNode;\n  /** Changes the visual representation of the modal */\n  variant?: keyof typeof ModalVariants;\n  /** Change width of the modal (default: large) */\n  size?: keyof typeof ModalSize;\n  /** Icon displayed in title */\n  icon?: React.ReactElement;\n  /** Hides the close button */\n  noCloseButton?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Primary button text */\n  primaryButtonText?: string;\n  /** Secondary button text */\n  secondaryButtonText?: string;\n  /** Sets the aria-label of the modal */\n  ariaLabel?: string;\n  /** Sets the aria-labelledby of the modal */\n  ariaLabelledBy?: string;\n  /** Close button aria-label */\n  ariaLabelCloseBtn?: string;\n  /** Alternative component to modal */\n  children?: React.ReactNode;\n  /** Component shown after title */\n  afterTitleChildren?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Customize the z-index of the modal */\n  zIndex?: number;\n  /** Function is called when user clicks primary button */\n  onSuccess?: () => void;\n  /** Function is called when user clicks secondary button, clicks escape or outside the modal */\n  onClose?: () => void;\n  /** When enabled the component will be rendered in the bottom of document.body */\n  printable?: boolean;\n  /** If disabled, clicking escape or outside the modal will not close it */\n  disableCloseEvents?: boolean;\n  /** Aria role used for the Modal. Default is dialog */\n  role?: 'dialog' | 'alertdialog';\n}\n\nconst getVariantIcon = (variant?: ModalProps['variant']): React.JSX.Element | null => {\n  if (variant === ModalVariants.error) {\n    return <Icon size={IconSize.Small} svgIcon={AlertSignFill} color={palette.cherry500} />;\n  } else if (variant === ModalVariants.warning) {\n    return <Icon size={IconSize.Small} svgIcon={AlertSignStroke} color={palette.black} />;\n  } else if (variant === ModalVariants.success) {\n    return <Icon size={IconSize.Small} svgIcon={CheckOutline} color={palette.kiwi900} />;\n  }\n  return null;\n};\n\nconst getIcon = (variant?: ModalProps['variant'], icon?: ModalProps['icon']): React.JSX.Element | null => {\n  const variantIcon = getVariantIcon(variant);\n  if (variantIcon) {\n    return <div className={styles.modal__iconWrapper}>{variantIcon}</div>;\n  }\n  if (icon) {\n    return (\n      <div className={styles.modal__iconWrapper}>\n        {isComponent<IconProps>(icon, Icon) &&\n          React.cloneElement(icon, {\n            size: IconSize.Small,\n          })}\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Modal: React.FC<ModalProps> = props => {\n  const {\n    footerContent,\n    variant = ModalVariants.normal,\n    primaryButtonText = 'OK',\n    titleId = uuid(),\n    className = '',\n    size = ModalSize.large,\n    zIndex = ZIndex.OverlayScreen,\n    role = 'dialog',\n  } = props;\n\n  const topContent = React.useRef<HTMLDivElement>(null);\n  const modalContentRef = React.useRef<HTMLDivElement>(null);\n  const dialogRef = React.useRef<HTMLDivElement>(null);\n  useFocusTrap(dialogRef, true);\n  const topContentVisible = useIsVisible(topContent);\n  const bottomContent = React.useRef<HTMLDivElement>(null);\n  const bottomContentVisible = useIsVisible(bottomContent);\n  const contentIsScrollable = modalContentRef.current && modalContentRef.current.scrollHeight > modalContentRef.current.clientHeight;\n  useReturnFocusOnUnmount(dialogRef);\n\n  function handleKeyboardEvent(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && props.onClose) {\n      e.stopPropagation();\n      props.onClose();\n    }\n  }\n\n  function handleClickEvent(event: MouseEvent): void {\n    if (event.target && overlayRef.current === event.target && props.onClose) {\n      event.stopPropagation();\n      props.onClose();\n    }\n  }\n\n  const overlayRef = React.useRef<HTMLDivElement>(null);\n\n  const showActions = (props.secondaryButtonText && props.secondaryButtonText?.length > 0) || props.onSuccess || footerContent;\n\n  const ariaLabelAttributes = getAriaLabelAttributes({ label: props.ariaLabel, id: props.ariaLabelledBy, fallbackId: titleId });\n\n  useEffect(() => {\n    const overlayElement = overlayRef.current;\n    disableBodyScroll();\n    if (!props.disableCloseEvents && overlayElement) {\n      overlayElement.addEventListener('keydown', handleKeyboardEvent);\n      overlayElement.addEventListener('click', handleClickEvent);\n    }\n    return (): void => {\n      enableBodyScroll();\n      if (!props.disableCloseEvents && overlayElement) {\n        overlayElement.removeEventListener('keydown', handleKeyboardEvent);\n        overlayElement.removeEventListener('click', handleClickEvent);\n      }\n    };\n  }, [props.disableCloseEvents]);\n\n  useEffect(() => {\n    dialogRef.current?.focus();\n  }, []);\n\n  const dialogClasses = cn(\n    className,\n    styles.modal,\n    variant && styles[`modal--${variant}`],\n    size && styles[`modal--${size}`],\n    contentIsScrollable && !showActions && styles['modal--no-actions']\n  );\n\n  const titleClasses = cn({\n    [styles['modal__title--error']]: variant === ModalVariants.error,\n    [styles['modal__title--success']]: variant === ModalVariants.success,\n  });\n\n  const Component = (\n    <div data-testid=\"dialog-container\">\n      <div\n        ref={overlayRef}\n        className={styles['modal-overlay']}\n        data-testid={props.testId}\n        data-analyticsid={AnalyticsId.Modal}\n        style={{ zIndex }}\n      >\n        <div className={styles.align}>\n          <div className={dialogClasses} role={role} aria-modal=\"true\" tabIndex={-1} {...ariaLabelAttributes} ref={dialogRef}>\n            <div\n              className={cn(styles['modal__shadow'], styles['modal__shadow--top'], {\n                [styles['modal__shadow--show']]: !topContentVisible && contentIsScrollable,\n              })}\n            />\n            <div\n              className={cn(styles.modal__contentWrapper)}\n              tabIndex={contentIsScrollable ? 0 : undefined}\n              role={contentIsScrollable ? 'region' : undefined}\n              {...(contentIsScrollable ? ariaLabelAttributes : {})}\n              ref={modalContentRef}\n            >\n              {!props.noCloseButton && (\n                <div className={styles.modal__closeWrapper}>\n                  <div className={cn(styles.modal__closeWrapper__close)}>\n                    <Close onClick={props.onClose} ariaLabel={props.ariaLabelCloseBtn} />\n                  </div>\n                </div>\n              )}\n              <div className={cn(size && styles[`modal__contentWrapper__scroll--${size}`])}>\n                <div ref={topContent} />\n                <div className={styles.modal__contentWrapper__title}>\n                  {getIcon(variant, props.icon)}\n                  <Title id={ariaLabelAttributes?.['aria-labelledby']} htmlMarkup=\"h3\" appearance=\"title3\" className={titleClasses}>\n                    {props.title}\n                  </Title>\n                  {props.afterTitleChildren && <div className={styles['modal__afterTitleChildren']}>{props.afterTitleChildren}</div>}\n                </div>\n                {props.children && <div>{props.children}</div>}\n                {!props.children && <p className={styles.modal__description}>{props.description}</p>}\n                <div ref={bottomContent} />\n              </div>\n            </div>\n            <div\n              className={cn(styles['modal__shadow'], styles['modal__shadow--bottom'], {\n                [styles['modal__shadow--show']]: !bottomContentVisible && contentIsScrollable,\n              })}\n            />\n            {showActions && (\n              <div className={cn(styles['modal__call-to-action'], size && styles[`modal__call-to-action--${size}`])}>\n                {props.onSuccess && primaryButtonText && <Button onClick={props.onSuccess}>{primaryButtonText}</Button>}\n                {props.secondaryButtonText && props.secondaryButtonText?.length > 0 && (\n                  <Button variant=\"borderless\" onClick={props.onClose}>\n                    {props.secondaryButtonText}\n                  </Button>\n                )}\n                {footerContent}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (props.printable) {\n    const printModal = 'print-modal';\n    return (\n      <Portal className={printModal} testId=\"print-modal\">\n        <style media=\"print\">{`body > *:not(.${printModal}) {display: none;}`}</style>\n        {Component}\n      </Portal>\n    );\n  }\n\n  return Component;\n};\n\nexport default Modal;\n","import Modal from './Modal';\nexport { ModalVariants, ModalSize } from './constants';\nexport * from './Modal';\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/constants.ts","../../../src/components/Modal/Modal.tsx","../../../src/components/Modal/index.ts"],"sourcesContent":["export enum ModalVariants {\n  normal = 'normal',\n  warning = 'warning',\n  error = 'error',\n  success = 'success',\n}\n\nexport enum ModalSize {\n  large = 'large',\n  medium = 'medium',\n}\n","import React, { useEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport type { IconProps } from '../Icon';\n\nimport { ModalSize, ModalVariants } from './constants';\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport useFocusTrap from '../../hooks/useFocusTrap';\nimport { useIsVisible } from '../../hooks/useIsVisible';\nimport { useReturnFocusOnUnmount } from '../../hooks/useReturnFocusOnUnmount';\nimport { palette } from '../../theme/palette';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { isComponent } from '../../utils/component';\nimport { disableBodyScroll, enableBodyScroll } from '../../utils/scroll';\nimport { uuid } from '../../utils/uuid';\nimport Button from '../Button';\nimport Close from '../Close';\nimport Icon, { IconSize } from '../Icon';\nimport AlertSignFill from '../Icons/AlertSignFill';\nimport AlertSignStroke from '../Icons/AlertSignStroke';\nimport CheckOutline from '../Icons/CheckOutline';\nimport Portal from '../Portal';\nimport Title from '../Title/Title';\n\nimport styles from './styles.module.scss';\n\nexport interface ModalProps {\n  /** Title of the modal */\n  title: string;\n  /** id of the modal title */\n  titleId?: string;\n  /** Description of the modal. Will not render if the modal has children. */\n  description?: string;\n  /** Optional footer content that can be rendered instead of default CTA(s) */\n  footerContent?: React.ReactNode;\n  /** Changes the visual representation of the modal */\n  variant?: keyof typeof ModalVariants;\n  /** Change width of the modal (default: large) */\n  size?: keyof typeof ModalSize;\n  /** Icon displayed in title */\n  icon?: React.ReactElement;\n  /** Hides the close button */\n  noCloseButton?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Primary button text */\n  primaryButtonText?: string;\n  /** Secondary button text */\n  secondaryButtonText?: string;\n  /** Sets the aria-label of the modal */\n  ariaLabel?: string;\n  /** Sets the aria-labelledby of the modal */\n  ariaLabelledBy?: string;\n  /** Close button aria-label */\n  ariaLabelCloseBtn?: string;\n  /** Alternative component to modal */\n  children?: React.ReactNode;\n  /** Component shown after title */\n  afterTitleChildren?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Customize the z-index of the modal */\n  zIndex?: number;\n  /** Function is called when user clicks primary button */\n  onSuccess?: () => void;\n  /** Function is called when user clicks secondary button, clicks escape or outside the modal */\n  onClose?: () => void;\n  /** When enabled the component will be rendered in the bottom of document.body */\n  printable?: boolean;\n  /** If disabled, clicking escape or outside the modal will not close it */\n  disableCloseEvents?: boolean;\n  /** Aria role used for the Modal. Default is dialog */\n  role?: 'dialog' | 'alertdialog';\n}\n\nconst getVariantIcon = (variant?: ModalProps['variant']): React.JSX.Element | null => {\n  if (variant === ModalVariants.error) {\n    return <Icon size={IconSize.Small} svgIcon={AlertSignFill} color={palette.cherry500} />;\n  } else if (variant === ModalVariants.warning) {\n    return <Icon size={IconSize.Small} svgIcon={AlertSignStroke} color={palette.black} />;\n  } else if (variant === ModalVariants.success) {\n    return <Icon size={IconSize.Small} svgIcon={CheckOutline} color={palette.kiwi900} />;\n  }\n  return null;\n};\n\nconst getIcon = (variant?: ModalProps['variant'], icon?: ModalProps['icon']): React.JSX.Element | null => {\n  const variantIcon = getVariantIcon(variant);\n  if (variantIcon) {\n    return <div className={styles.modal__iconWrapper}>{variantIcon}</div>;\n  }\n  if (icon) {\n    return (\n      <div className={styles.modal__iconWrapper}>\n        {isComponent<IconProps>(icon, Icon) &&\n          React.cloneElement(icon, {\n            size: IconSize.Small,\n          })}\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Modal: React.FC<ModalProps> = props => {\n  const {\n    footerContent,\n    variant = ModalVariants.normal,\n    primaryButtonText = 'OK',\n    titleId = uuid(),\n    className = '',\n    size = ModalSize.large,\n    zIndex = ZIndex.OverlayScreen,\n    role = 'dialog',\n  } = props;\n\n  const topContent = React.useRef<HTMLDivElement>(null);\n  const modalContentRef = React.useRef<HTMLDivElement>(null);\n  const dialogRef = React.useRef<HTMLDivElement>(null);\n  useFocusTrap(dialogRef, true);\n  const topContentVisible = useIsVisible(topContent);\n  const bottomContent = React.useRef<HTMLDivElement>(null);\n  const bottomContentVisible = useIsVisible(bottomContent);\n  const contentIsScrollable = modalContentRef.current && modalContentRef.current.scrollHeight > modalContentRef.current.clientHeight;\n  useReturnFocusOnUnmount(dialogRef);\n\n  function handleKeyboardEvent(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && props.onClose) {\n      e.stopPropagation();\n      props.onClose();\n    }\n  }\n\n  function handleClickEvent(event: MouseEvent): void {\n    if (event.target && overlayRef.current === event.target && props.onClose) {\n      event.stopPropagation();\n      props.onClose();\n    }\n  }\n\n  const overlayRef = React.useRef<HTMLDivElement>(null);\n\n  const showActions = (props.secondaryButtonText && props.secondaryButtonText?.length > 0) || props.onSuccess || footerContent;\n\n  const ariaLabelAttributes = getAriaLabelAttributes({ label: props.ariaLabel, id: props.ariaLabelledBy, fallbackId: titleId });\n\n  useEffect(() => {\n    const overlayElement = overlayRef.current;\n    disableBodyScroll();\n    if (!props.disableCloseEvents && overlayElement) {\n      overlayElement.addEventListener('keydown', handleKeyboardEvent);\n      overlayElement.addEventListener('click', handleClickEvent);\n    }\n    return (): void => {\n      enableBodyScroll();\n      if (!props.disableCloseEvents && overlayElement) {\n        overlayElement.removeEventListener('keydown', handleKeyboardEvent);\n        overlayElement.removeEventListener('click', handleClickEvent);\n      }\n    };\n  }, [props.disableCloseEvents]);\n\n  useEffect(() => {\n    dialogRef.current?.focus();\n  }, []);\n\n  const dialogClasses = cn(\n    className,\n    styles.modal,\n    variant && styles[`modal--${variant}`],\n    size && styles[`modal--${size}`],\n    contentIsScrollable && !showActions && styles['modal--no-actions']\n  );\n\n  const titleClasses = cn({\n    [styles['modal__title--error']]: variant === ModalVariants.error,\n    [styles['modal__title--success']]: variant === ModalVariants.success,\n  });\n\n  const Component = (\n    <div data-testid=\"dialog-container\">\n      <div\n        ref={overlayRef}\n        className={styles['modal-overlay']}\n        data-testid={props.testId}\n        data-analyticsid={AnalyticsId.Modal}\n        style={{ zIndex }}\n      >\n        <div className={styles.align}>\n          <div className={dialogClasses} role={role} aria-modal=\"true\" tabIndex={-1} {...ariaLabelAttributes} ref={dialogRef}>\n            <div\n              className={cn(styles['modal__shadow'], styles['modal__shadow--top'], {\n                [styles['modal__shadow--show']]: !topContentVisible && contentIsScrollable,\n              })}\n            />\n            <div\n              className={cn(styles.modal__contentWrapper)}\n              tabIndex={contentIsScrollable ? 0 : undefined}\n              role={contentIsScrollable ? 'region' : undefined}\n              {...(contentIsScrollable ? ariaLabelAttributes : {})}\n              ref={modalContentRef}\n            >\n              {!props.noCloseButton && (\n                <div className={styles.modal__closeWrapper}>\n                  <div className={cn(styles.modal__closeWrapper__close)}>\n                    <Close onClick={props.onClose} ariaLabel={props.ariaLabelCloseBtn} />\n                  </div>\n                </div>\n              )}\n              <div className={cn(size && styles[`modal__contentWrapper__scroll--${size}`])}>\n                <div ref={topContent} />\n                <div className={styles.modal__contentWrapper__title}>\n                  {getIcon(variant, props.icon)}\n                  <Title id={ariaLabelAttributes?.['aria-labelledby']} htmlMarkup=\"h3\" appearance=\"title3\" className={titleClasses}>\n                    {props.title}\n                  </Title>\n                  {props.afterTitleChildren && <div className={styles['modal__afterTitleChildren']}>{props.afterTitleChildren}</div>}\n                </div>\n                {props.children && <div>{props.children}</div>}\n                {!props.children && <p className={styles.modal__description}>{props.description}</p>}\n                <div ref={bottomContent} />\n              </div>\n            </div>\n            <div\n              className={cn(styles['modal__shadow'], styles['modal__shadow--bottom'], {\n                [styles['modal__shadow--show']]: !bottomContentVisible && contentIsScrollable,\n              })}\n            />\n            {showActions && (\n              <div className={cn(styles['modal__call-to-action'], size && styles[`modal__call-to-action--${size}`])}>\n                {props.onSuccess && primaryButtonText && <Button onClick={props.onSuccess}>{primaryButtonText}</Button>}\n                {props.secondaryButtonText && props.secondaryButtonText?.length > 0 && (\n                  <Button variant=\"borderless\" onClick={props.onClose}>\n                    {props.secondaryButtonText}\n                  </Button>\n                )}\n                {footerContent}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (props.printable) {\n    const printModal = 'print-modal';\n    return (\n      <Portal className={printModal} testId=\"print-modal\">\n        <style media=\"print\">{`body > *:not(.${printModal}) {display: none;}`}</style>\n        {Component}\n      </Portal>\n    );\n  }\n\n  return Component;\n};\n\nexport default Modal;\n","import Modal from './Modal';\nexport { ModalVariants, ModalSize } from './constants';\nexport * from './Modal';\nexport default Modal;\n"],"mappings":"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"}

package/lib/components/NotificationPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx","../../../src/components/NotificationPanel/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport NotificationBadge from '../Badge/NotificationBadge';\nimport Close from '../Close';\nimport Expander from '../Expander';\n\nimport styles from './styles.module.scss';\n\nexport type NotificationPanelVariants = 'info' | 'warn' | 'error' | 'success';\nexport type NotificationCompactVariants = 'basic' | 'outline';\nexport type NotificationPanelSizes = 'small' | 'medium' | 'large';\nexport type LabelTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span';\n\nexport interface NotificationPanelProps {\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds inner child elements. */\n  children?: React.ReactNode;\n  /** Adds inner expander elements. */\n  expanderChildren?: React.ReactNode;\n  /** Text for expanderButton. */\n  expanderButtonText?: string;\n  /** Text for expanderButton when closed. */\n  expanderButtonClosedText?: string;\n  /** Makes expander be open from start. */\n  expanderOpenFromStart?: boolean;\n  /** Changes the visual representation of the notification panel. */\n  variant?: NotificationPanelVariants;\n  /** Makes the panel more compact. Available in basic and outline. */\n  compactVariant?: NotificationCompactVariants;\n  /** Sets a fixed size for the content container. */\n  size?: NotificationPanelSizes;\n  /** Used in combination with dismissiable property to close the notification panel. */\n  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Toggles the close button in the top right corner. */\n  dismissable?: boolean;\n  /** Enables a fluid outer container that spans the entire width of parent. */\n  fluid?: boolean;\n  /** Sets a label for the notification panel. */\n  label?: string;\n  /** Changes the underlying element of the label. */\n  labelHtmlMarkup?: LabelTags;\n  /** Close button aria-label */\n  ariaLabelCloseBtn?: string;\n  /** Custom id for the label */\n  labelId?: string;\n  /** Custom role for the panel. Default is no role. If variant is alert or crisis, the aria role will be set to \"alert\" unless the role-prop is also set. */\n  role?: 'region' | 'alert' | 'status' | 'none';\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLDivElement | null>;\n}\n\ntype WrapFluidProps = Pick<NotificationPanelProps, 'fluid'> & {\n  children: React.ReactElement;\n};\n\nconst FluidWrapper: React.FC<WrapFluidProps> = ({ fluid, children }) => {\n  if (fluid) {\n    const fluidClasses = classNames(styles['fluid-wrapper']);\n\n    return <div className={fluidClasses}>{children}</div>;\n  }\n  return children;\n};\n\nconst NotificationPanel: React.FC<NotificationPanelProps> = props => {\n  const {\n    children,\n    variant = 'info',\n    dismissable = false,\n    onClick,\n    expanderChildren,\n    expanderButtonText,\n    expanderButtonClosedText,\n    expanderOpenFromStart = false,\n    compactVariant,\n    label,\n    labelId: labelIdProp,\n    labelHtmlMarkup = 'h1',\n    fluid = false,\n    size,\n    className,\n    role,\n    testId,\n    ref,\n  } = props;\n  const labelId = useIdWithFallback(labelIdProp);\n  const [expanderOpen, setExpanderOpen] = React.useState(expanderOpenFromStart);\n  const isMobile = useIsMobileBreakpoint();\n\n  const renderContent = (): React.ReactNode => {\n    const outlineVariant = compactVariant === 'outline';\n    const contentClasses = classNames(styles['notification-panel__content']);\n    const labelClasses = classNames(styles['notification-panel__label'], {\n      [styles['notification-panel__label--no-content']]: !children && !expanderChildren,\n      [styles['notification-panel__label--compact']]: !!compactVariant,\n      [styles['notification-panel__label--outline']]: outlineVariant,\n    });\n    const childrenClasses = classNames(styles['notification-panel__children'], {\n      [styles['notification-panel__children--with-label']]: label,\n      [styles['notification-panel__children--expander-no-label']]: expanderChildren && !label,\n      [styles['notification-panel__children--outline']]: outlineVariant,\n    });\n    const CustomTag = labelHtmlMarkup;\n\n    return (\n      <div className={contentClasses} id={!label ? labelId : undefined}>\n        {label && (\n          <CustomTag className={labelClasses} id={labelId}>\n            {label}\n          </CustomTag>\n        )}\n        {children && <div className={childrenClasses}>{children}</div>}\n        {expanderChildren && expanderButtonText && expanderButtonClosedText && !compactVariant && (\n          <Expander\n            title={expanderOpen ? expanderButtonText : expanderButtonClosedText}\n            onExpand={setExpanderOpen}\n            expanded={expanderOpen}\n            testId=\"expand\"\n          >\n            {expanderChildren}\n          </Expander>\n        )}\n      </div>\n    );\n  };\n\n  const notificationPanelClasses = classNames(\n    styles['notification-panel'],\n    styles[`notification-panel--${variant}`],\n    size && styles[`notification-panel--${size}`],\n    {\n      [styles['notification-panel--compact']]: !!compactVariant,\n      [styles['notification-panel--compact--basic']]: compactVariant === 'basic',\n      [styles['notification-panel--compact--outline']]: compactVariant === 'outline',\n      [styles['notification-panel--with-content']]: expanderChildren || (label && children),\n      [styles['notification-panel--dismissable']]: dismissable,\n    },\n    className\n  );\n\n  const ariaRole = role || (variant === 'error' && 'alert') || undefined;\n  const ariaLabelAttributes = ariaRole && ariaRole !== 'none' ? getAriaLabelAttributes({ label, id: labelId }) : undefined;\n\n  return (\n    <FluidWrapper fluid={fluid}>\n      <div\n        ref={ref}\n        role={ariaRole}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.NotificationPanel}\n        className={notificationPanelClasses}\n        {...ariaLabelAttributes}\n      >\n        <NotificationBadge\n          variant={variant}\n          size={compactVariant || isMobile ? IconSize.XSmall : IconSize.Small}\n          className={styles['notification-panel__icon']}\n        />\n        {dismissable && (\n          <span className={styles['notification-panel__close']}>\n            <Close ariaLabel={props.ariaLabelCloseBtn} onClick={onClick} color=\"black\" />\n          </span>\n        )}\n        {renderContent()}\n      </div>\n    </FluidWrapper>\n  );\n};\n\nexport default NotificationPanel;\n","import NotificationPanel from './NotificationPanel';\nexport * from './NotificationPanel';\nexport default NotificationPanel;\n"],"mappings":";;;;;;;;;;;;AAgEA,IAAM,gBAA0C,EAAE,OAAO,eAAe;CACtE,IAAI,OAGF,OAAO,oBAAC,OAAD;EAAK,WAFS,WAAW,OAAO,iBAEhB;EAAe;EAAe,CAAA;CAEvD,OAAO;;AAGT,IAAM,qBAAsD,UAAS;CACnE,MAAM,EACJ,UACA,UAAU,QACV,cAAc,OACd,SACA,kBACA,oBACA,0BACA,wBAAwB,OACxB,gBACA,OACA,SAAS,aACT,kBAAkB,MAClB,QAAQ,OACR,MACA,WACA,MACA,QACA,QACE;CACJ,MAAM,UAAU,kBAAkB,YAAY;CAC9C,MAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS,sBAAsB;CAC7E,MAAM,WAAW,uBAAuB;CAExC,MAAM,sBAAuC;EAC3C,MAAM,iBAAiB,mBAAmB;EAC1C,MAAM,iBAAiB,WAAW,OAAO,+BAA+B;EACxE,MAAM,eAAe,WAAW,OAAO,8BAA8B;IAClE,OAAO,2CAA2C,CAAC,YAAY,CAAC;IAChE,OAAO,wCAAwC,CAAC,CAAC;IACjD,OAAO,wCAAwC;GACjD,CAAC;EACF,MAAM,kBAAkB,WAAW,OAAO,iCAAiC;IACxE,OAAO,8CAA8C;IACrD,OAAO,qDAAqD,oBAAoB,CAAC;IACjF,OAAO,2CAA2C;GACpD,CAAC;EAGF,OACE,qBAAC,OAAD;GAAK,WAAW;GAAgB,IAAI,CAAC,QAAQ,UAAU,KAAA;aAAvD;IACG,SACC,oBAAC,iBAAD;KAAW,WAAW;KAAc,IAAI;eACrC;KACS,CAAA;IAEb,YAAY,oBAAC,OAAD;KAAK,WAAW;KAAkB;KAAe,CAAA;IAC7D,oBAAoB,sBAAsB,4BAA4B,CAAC,kBACtE,oBAAC,kBAAD;KACE,OAAO,eAAe,qBAAqB;KAC3C,UAAU;KACV,UAAU;KACV,QAAO;eAEN;KACQ,CAAA;IAET;;;CAIV,MAAM,2BAA2B,WAC/B,OAAO,uBACP,OAAO,uBAAuB,YAC9B,QAAQ,OAAO,uBAAuB,SACtC;GACG,OAAO,iCAAiC,CAAC,CAAC;GAC1C,OAAO,wCAAwC,mBAAmB;GAClE,OAAO,0CAA0C,mBAAmB;GACpE,OAAO,sCAAsC,oBAAqB,SAAS;GAC3E,OAAO,qCAAqC;EAC9C,EACD,UACD;CAED,MAAM,WAAW,QAAS,YAAY,WAAW,WAAY,KAAA;CAC7D,MAAM,sBAAsB,YAAY,aAAa,SAAS,uBAAuB;EAAE;EAAO,IAAI;EAAS,CAAC,GAAG,KAAA;CAE/G,OACE,oBAAC,cAAD;EAAqB;YACnB,qBAAC,OAAD;GACO;GACL,MAAM;GACN,eAAa;GACb,oBAAkB,YAAY;GAC9B,WAAW;GACX,GAAI;aANN;IAQE,oBAAC,mBAAD;KACW;KACT,MAAM,kBAAkB,WAAW,SAAS,SAAS,SAAS;KAC9D,WAAW,OAAO;KAClB,CAAA;IACD,eACC,oBAAC,QAAD;KAAM,WAAW,OAAO;eACtB,oBAAC,eAAD;MAAO,WAAW,MAAM;MAA4B;MAAS,OAAM;MAAU,CAAA;KACxE,CAAA;IAER,eAAe;IACZ;;EACO,CAAA;;;;AC5KnB,IAAA,4BAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx","../../../src/components/NotificationPanel/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport NotificationBadge from '../Badge/NotificationBadge';\nimport Close from '../Close';\nimport Expander from '../Expander';\n\nimport styles from './styles.module.scss';\n\nexport type NotificationPanelVariants = 'info' | 'warn' | 'error' | 'success';\nexport type NotificationCompactVariants = 'basic' | 'outline';\nexport type NotificationPanelSizes = 'small' | 'medium' | 'large';\nexport type LabelTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span';\n\nexport interface NotificationPanelProps {\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds inner child elements. */\n  children?: React.ReactNode;\n  /** Adds inner expander elements. */\n  expanderChildren?: React.ReactNode;\n  /** Text for expanderButton. */\n  expanderButtonText?: string;\n  /** Text for expanderButton when closed. */\n  expanderButtonClosedText?: string;\n  /** Makes expander be open from start. */\n  expanderOpenFromStart?: boolean;\n  /** Changes the visual representation of the notification panel. */\n  variant?: NotificationPanelVariants;\n  /** Makes the panel more compact. Available in basic and outline. */\n  compactVariant?: NotificationCompactVariants;\n  /** Sets a fixed size for the content container. */\n  size?: NotificationPanelSizes;\n  /** Used in combination with dismissiable property to close the notification panel. */\n  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Toggles the close button in the top right corner. */\n  dismissable?: boolean;\n  /** Enables a fluid outer container that spans the entire width of parent. */\n  fluid?: boolean;\n  /** Sets a label for the notification panel. */\n  label?: string;\n  /** Changes the underlying element of the label. */\n  labelHtmlMarkup?: LabelTags;\n  /** Close button aria-label */\n  ariaLabelCloseBtn?: string;\n  /** Custom id for the label */\n  labelId?: string;\n  /** Custom role for the panel. Default is no role. If variant is alert or crisis, the aria role will be set to \"alert\" unless the role-prop is also set. */\n  role?: 'region' | 'alert' | 'status' | 'none';\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLDivElement | null>;\n}\n\ntype WrapFluidProps = Pick<NotificationPanelProps, 'fluid'> & {\n  children: React.ReactElement;\n};\n\nconst FluidWrapper: React.FC<WrapFluidProps> = ({ fluid, children }) => {\n  if (fluid) {\n    const fluidClasses = classNames(styles['fluid-wrapper']);\n\n    return <div className={fluidClasses}>{children}</div>;\n  }\n  return children;\n};\n\nconst NotificationPanel: React.FC<NotificationPanelProps> = props => {\n  const {\n    children,\n    variant = 'info',\n    dismissable = false,\n    onClick,\n    expanderChildren,\n    expanderButtonText,\n    expanderButtonClosedText,\n    expanderOpenFromStart = false,\n    compactVariant,\n    label,\n    labelId: labelIdProp,\n    labelHtmlMarkup = 'h1',\n    fluid = false,\n    size,\n    className,\n    role,\n    testId,\n    ref,\n  } = props;\n  const labelId = useIdWithFallback(labelIdProp);\n  const [expanderOpen, setExpanderOpen] = React.useState(expanderOpenFromStart);\n  const isMobile = useIsMobileBreakpoint();\n\n  const renderContent = (): React.ReactNode => {\n    const outlineVariant = compactVariant === 'outline';\n    const contentClasses = classNames(styles['notification-panel__content']);\n    const labelClasses = classNames(styles['notification-panel__label'], {\n      [styles['notification-panel__label--no-content']]: !children && !expanderChildren,\n      [styles['notification-panel__label--compact']]: !!compactVariant,\n      [styles['notification-panel__label--outline']]: outlineVariant,\n    });\n    const childrenClasses = classNames(styles['notification-panel__children'], {\n      [styles['notification-panel__children--with-label']]: label,\n      [styles['notification-panel__children--expander-no-label']]: expanderChildren && !label,\n      [styles['notification-panel__children--outline']]: outlineVariant,\n    });\n    const CustomTag = labelHtmlMarkup;\n\n    return (\n      <div className={contentClasses} id={!label ? labelId : undefined}>\n        {label && (\n          <CustomTag className={labelClasses} id={labelId}>\n            {label}\n          </CustomTag>\n        )}\n        {children && <div className={childrenClasses}>{children}</div>}\n        {expanderChildren && expanderButtonText && expanderButtonClosedText && !compactVariant && (\n          <Expander\n            title={expanderOpen ? expanderButtonText : expanderButtonClosedText}\n            onExpand={setExpanderOpen}\n            expanded={expanderOpen}\n            testId=\"expand\"\n          >\n            {expanderChildren}\n          </Expander>\n        )}\n      </div>\n    );\n  };\n\n  const notificationPanelClasses = classNames(\n    styles['notification-panel'],\n    styles[`notification-panel--${variant}`],\n    size && styles[`notification-panel--${size}`],\n    {\n      [styles['notification-panel--compact']]: !!compactVariant,\n      [styles['notification-panel--compact--basic']]: compactVariant === 'basic',\n      [styles['notification-panel--compact--outline']]: compactVariant === 'outline',\n      [styles['notification-panel--with-content']]: expanderChildren || (label && children),\n      [styles['notification-panel--dismissable']]: dismissable,\n    },\n    className\n  );\n\n  const ariaRole = role || (variant === 'error' && 'alert') || undefined;\n  const ariaLabelAttributes = ariaRole && ariaRole !== 'none' ? getAriaLabelAttributes({ label, id: labelId }) : undefined;\n\n  return (\n    <FluidWrapper fluid={fluid}>\n      <div\n        ref={ref}\n        role={ariaRole}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.NotificationPanel}\n        className={notificationPanelClasses}\n        {...ariaLabelAttributes}\n      >\n        <NotificationBadge\n          variant={variant}\n          size={compactVariant || isMobile ? IconSize.XSmall : IconSize.Small}\n          className={styles['notification-panel__icon']}\n        />\n        {dismissable && (\n          <span className={styles['notification-panel__close']}>\n            <Close ariaLabel={props.ariaLabelCloseBtn} onClick={onClick} color=\"black\" />\n          </span>\n        )}\n        {renderContent()}\n      </div>\n    </FluidWrapper>\n  );\n};\n\nexport default NotificationPanel;\n","import NotificationPanel from './NotificationPanel';\nexport * from './NotificationPanel';\nexport default NotificationPanel;\n"],"mappings":";;;;;;;;;;;;AAgEA,IAAM,gBAA0C,EAAE,OAAO,eAAe;CACtE,IAAI,OAGF,OAAO,oBAAC,OAAD;EAAK,WAFS,WAAW,OAAO,gBAEhB;EAAe;CAAc,CAAA;CAEtD,OAAO;AACT;AAEA,IAAM,qBAAsD,UAAS;CACnE,MAAM,EACJ,UACA,UAAU,QACV,cAAc,OACd,SACA,kBACA,oBACA,0BACA,wBAAwB,OACxB,gBACA,OACA,SAAS,aACT,kBAAkB,MAClB,QAAQ,OACR,MACA,WACA,MACA,QACA,QACE;CACJ,MAAM,UAAU,kBAAkB,WAAW;CAC7C,MAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS,qBAAqB;CAC5E,MAAM,WAAW,sBAAsB;CAEvC,MAAM,sBAAuC;EAC3C,MAAM,iBAAiB,mBAAmB;EAC1C,MAAM,iBAAiB,WAAW,OAAO,8BAA8B;EACvE,MAAM,eAAe,WAAW,OAAO,8BAA8B;IAClE,OAAO,2CAA2C,CAAC,YAAY,CAAC;IAChE,OAAO,wCAAwC,CAAC,CAAC;IACjD,OAAO,wCAAwC;EAClD,CAAC;EACD,MAAM,kBAAkB,WAAW,OAAO,iCAAiC;IACxE,OAAO,8CAA8C;IACrD,OAAO,qDAAqD,oBAAoB,CAAC;IACjF,OAAO,2CAA2C;EACrD,CAAC;EAGD,OACE,qBAAC,OAAD;GAAK,WAAW;GAAgB,IAAI,CAAC,QAAQ,UAAU,KAAA;aAAvD;IACG,SACC,oBAAC,iBAAD;KAAW,WAAW;KAAc,IAAI;eACrC;IACQ,CAAA;IAEZ,YAAY,oBAAC,OAAD;KAAK,WAAW;KAAkB;IAAc,CAAA;IAC5D,oBAAoB,sBAAsB,4BAA4B,CAAC,kBACtE,oBAAC,kBAAD;KACE,OAAO,eAAe,qBAAqB;KAC3C,UAAU;KACV,UAAU;KACV,QAAO;eAEN;IACO,CAAA;GAET;;CAET;CAEA,MAAM,2BAA2B,WAC/B,OAAO,uBACP,OAAO,uBAAuB,YAC9B,QAAQ,OAAO,uBAAuB,SACtC;GACG,OAAO,iCAAiC,CAAC,CAAC;GAC1C,OAAO,wCAAwC,mBAAmB;GAClE,OAAO,0CAA0C,mBAAmB;GACpE,OAAO,sCAAsC,oBAAqB,SAAS;GAC3E,OAAO,qCAAqC;CAC/C,GACA,SACF;CAEA,MAAM,WAAW,QAAS,YAAY,WAAW,WAAY,KAAA;CAC7D,MAAM,sBAAsB,YAAY,aAAa,SAAS,uBAAuB;EAAE;EAAO,IAAI;CAAQ,CAAC,IAAI,KAAA;CAE/G,OACE,oBAAC,cAAD;EAAqB;YACnB,qBAAC,OAAD;GACO;GACL,MAAM;GACN,eAAa;GACb,oBAAkB,YAAY;GAC9B,WAAW;GACX,GAAI;aANN;IAQE,oBAAC,mBAAD;KACW;KACT,MAAM,kBAAkB,WAAW,SAAS,SAAS,SAAS;KAC9D,WAAW,OAAO;IACnB,CAAA;IACA,eACC,oBAAC,QAAD;KAAM,WAAW,OAAO;eACtB,oBAAC,eAAD;MAAO,WAAW,MAAM;MAA4B;MAAS,OAAM;KAAS,CAAA;IACxE,CAAA;IAEP,cAAc;GACZ;;CACO,CAAA;AAElB;;;AC9KA,IAAA,4BAAe"}

package/lib/components/Panel/index.js

@@ -8,7 +8,7 @@ import ChevronUp from "../Icons/ChevronUp.js";
 import { t as Highlighter_default } from "../../Highlighter.js";
 import { useExpand } from "../../hooks/useExpand.js";
 import ChevronRight from "../Icons/ChevronRight.js";
-import { a as PanelVariant, i as PanelStatus, n as PanelLayout, r as PanelStacking, t as PanelListContext } from "../../utils5.js";
+import { a as PanelVariant, i as PanelStatus, n as PanelLayout, r as PanelStacking, t as PanelListContext } from "../../utils4.js";
 import { t as PanelTitle_default } from "../../PanelTitle.js";
 import classNames from "classnames";
 import React from "react";

package/lib/components/Panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/resources/HN.Designsystem.Panel.en-GB.json","../../../src/resources/HN.Designsystem.Panel.nb-NO.json","../../../src/components/Panel/resourceHelper.ts","../../../src/components/Panel/Panel.tsx","../../../src/components/Panel/index.ts"],"sourcesContent":["{\n  \"expandButtonOpen\": \"See details\",\n  \"expandButtonClose\": \"Hide details\"\n}\n","{\n  \"expandButtonOpen\": \"Se detaljer\",\n  \"expandButtonClose\": \"Skjul detaljer\"\n}\n","import type { HNDesignsystemPanel } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Panel.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Panel.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemPanel => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { PanelTitleProps } from './PanelTitle';\nimport type { HNDesignsystemPanel } from '../../resources/Resources';\nimport type { PaletteNames } from '../../theme/palette';\n\nimport { LanguageLocales } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport Button from '../Button';\nimport Icon, { IconSize } from '../Icon';\nimport { PanelLayout, PanelStacking, PanelStatus, PanelVariant } from './constants';\nimport PanelTitle from './PanelTitle';\nimport { getResources } from './resourceHelper';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { isComponent } from '../../utils/component';\nimport Highlighter from '../Highlighter';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronRight from '../Icons/ChevronRight';\nimport ChevronUp from '../Icons/ChevronUp';\nimport { PanelListContext } from '../PanelList/utils';\n\nimport styles from './styles.module.scss';\n\nexport type PanelColors = Extract<PaletteNames, 'white' | 'neutral'>;\n\nexport interface PanelProps {\n  /** Aria label on call to action button */\n  buttonBottomAriaLabel?: string;\n  /** Sets the text on the bottom call to action button */\n  buttonBottomText?: string;\n  /** Sets the action on the bottom call to action button */\n  buttonBottomOnClick?: () => void;\n  /** Expands or collapses the panel. Only applicable when ExpandedContent is used */\n  expanded?: boolean;\n  /** Whether the panel can be focused */\n  focusable?: boolean;\n  /** Sets the layout and order of the content boxes */\n  layout?: PanelLayout;\n  /** Sets the visual variant of panel */\n  variant?: PanelVariant;\n  /** Sets the color for panel if it has variant fill */\n  color?: PanelColors;\n  /** Sets classes on the outermost container of the panel */\n  className?: string;\n  /** Action called when toggling expansion of ExpandedContent */\n  onExpand?: (isExpanded?: boolean) => void;\n  /** Sets the stacking order of the content boxes */\n  stacking?: PanelStacking;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Children elements to be rendered inside the panel */\n  children?: React.ReactNode;\n  /** Displays a status on the left side: default normal */\n  status?: PanelStatus;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemPanel>;\n  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n  /** Ref passed to the panel container */\n  ref?: React.Ref<HTMLDivElement | null>;\n}\n\nconst ExpandButton = ({\n  onClick,\n  isExpanded,\n  resources,\n}: {\n  onClick: () => void;\n  isExpanded: boolean | undefined;\n  resources: Partial<HNDesignsystemPanel>;\n}): React.JSX.Element => {\n  const buttonClassName = classNames(styles['expander__button'], isExpanded && styles['expander__button--expanded']);\n\n  return (\n    <Button\n      variant=\"borderless\"\n      textClassName={styles['expander__button__text']}\n      wrapperClassName={buttonClassName}\n      aria-expanded={isExpanded}\n      onClick={onClick}\n    >\n      <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} size={IconSize.XSmall} />\n      <span>{isExpanded ? resources.expandButtonClose : resources.expandButtonOpen}</span>\n    </Button>\n  );\n};\nconst PanelRoot: React.FC<PanelProps> = ({\n  layout = PanelLayout.vertical,\n  variant = PanelVariant.fill,\n  color = 'neutral',\n  stacking = PanelStacking.default,\n  testId,\n  children,\n  expanded = false,\n  focusable,\n  status = PanelStatus.none,\n  buttonBottomAriaLabel,\n  buttonBottomOnClick,\n  buttonBottomText,\n  className,\n  resources,\n  onExpand,\n  highlightText,\n  ref,\n}: PanelProps) => {\n  const panelListContext = React.useContext(PanelListContext);\n  const [preContainer, setPreContainer] = React.useState<React.ReactNode[]>([]);\n  const [title, setTitle] = React.useState<React.ReactNode[]>([]);\n  const [content, setContent] = React.useState<React.ReactNode[]>([]);\n  const [expandableContent, setExpandableContent] = React.useState<React.ReactNode[]>([]);\n  const [hasIcon, setHasIcon] = React.useState(false);\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n  const localRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = ref ?? localRef;\n  const expandedContentRef = React.useRef<HTMLDivElement>(null);\n  const defaultScroll = 100;\n\n  // Use context values if available, otherwise use props\n  const effectiveVariant = panelListContext?.variant ?? variant;\n  const effectiveHighlightText = panelListContext?.highlightText ?? highlightText;\n  const effectiveClassName = panelListContext?.applyPanelClassName(className) ?? className;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemPanel = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  React.useEffect(() => {\n    let index = 0;\n    let localHasIcon = false;\n    const newPreContainer: React.ReactNode[] = [];\n    const newTitle: React.ReactNode[] = [];\n    const newContent: React.ReactNode[] = [];\n    const newExpandableContent: React.ReactNode[] = [];\n\n    React.Children.forEach(children, child => {\n      if (React.isValidElement(child)) {\n        const key = child.key ?? `panel-child-${index++}`;\n\n        if (child.type === PreContainer) {\n          newPreContainer.push(React.cloneElement(child, { key }));\n        } else if (isComponent<PanelTitleProps>(child, PanelTitle)) {\n          newTitle.push(\n            React.cloneElement(child as React.ReactElement<PanelTitleProps>, {\n              key,\n              highlightText: child.props.highlightText || effectiveHighlightText,\n            })\n          );\n          if (child.props.icon) {\n            localHasIcon = true;\n          }\n        } else if (child.type === A || child.type === B || child.type === C) {\n          newContent.push(React.cloneElement(child, { key }));\n        } else if (child.type === ExpandedContent) {\n          newExpandableContent.push(React.cloneElement(child, { key }));\n        }\n      }\n    });\n\n    setPreContainer(newPreContainer);\n    setTitle(newTitle);\n    setContent(newContent);\n    setExpandableContent(newExpandableContent);\n    setHasIcon(localHasIcon);\n  }, [children]);\n\n  React.useEffect(() => {\n    if (expanded) {\n      // Hvis panel åpnes controlled skal ikke scroll skje\n      return;\n    }\n    // Scroller oppover når expanded content åpnes uncontrolled\n    if (isExpanded) {\n      if ('current' in panelRef && panelRef.current && expandedContentRef.current) {\n        const panelRect = panelRef.current.getBoundingClientRect();\n        const expandedContentRect = expandedContentRef.current.getBoundingClientRect();\n\n        const scrollAmount = Math.min(defaultScroll, panelRect.top - 20);\n\n        // Scroller kun oppover, og kun dersom expandedContent havner utenfor skjermen når åpnet\n        if (scrollAmount > 0 && expandedContentRect.bottom > window.innerHeight) {\n          const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n          if (prefersReducedMotion) {\n            return;\n          }\n          window.scrollBy({\n            top: scrollAmount,\n            behavior: 'smooth',\n          });\n        }\n      }\n    }\n  }, [isExpanded]);\n\n  const colorScheme = effectiveVariant === PanelVariant.fill ? color : 'white';\n\n  const outerClassnames = classNames(effectiveClassName, {\n    [styles['panel__border--outline--outer']]: effectiveVariant === PanelVariant.outline,\n    [styles['panel__border--line']]: effectiveVariant === PanelVariant.line,\n    [styles['panel__border--fill--neutral']]: effectiveVariant === PanelVariant.fill && colorScheme === 'neutral',\n    [styles['panel__border--fill--new']]: effectiveVariant === PanelVariant.fill && status === PanelStatus.new,\n    [styles['panel__border--fill--status']]: effectiveVariant === PanelVariant.fill && status !== PanelStatus.none,\n  });\n  const panelClassnames = classNames(styles['panel'], styles[`panel--${colorScheme}`], styles['panel--status'], {\n    [styles['panel--line']]: effectiveVariant === PanelVariant.line,\n    [styles['panel--new']]: status === PanelStatus.new,\n    [styles['panel--draft']]: status === PanelStatus.draft,\n    [styles['panel--error']]: status === PanelStatus.error,\n    [styles['panel--icon']]: hasIcon,\n  });\n  const contentContainerLayout = classNames(styles['panel__content'], styles[`panel__content--${layout}`], {\n    [styles[`panel__content--b-first`]]: stacking === PanelStacking.bFirst,\n  });\n  const expanderBorderLayout = classNames({\n    [styles['panel__expander__border--expanded']]: isExpanded && status === PanelStatus.none,\n    [styles[`panel__expander__border--not-expanded--${colorScheme}`]]: !isExpanded && status === PanelStatus.none,\n    [styles[`panel__expander__border--not-expanded--line`]]:\n      !isExpanded && status === PanelStatus.none && effectiveVariant === PanelVariant.line,\n  });\n\n  const handleExpandClick = (): void => {\n    setIsExpanded(!isExpanded);\n  };\n\n  return expandableContent.length > 0 ? (\n    <div className={outerClassnames}>\n      <div className={classNames({ [styles['panel__border--outline--inner']]: effectiveVariant === PanelVariant.outline })}>\n        <div className={expanderBorderLayout}>\n          <div className={panelClassnames} data-testid={testId} ref={panelRef} tabIndex={focusable ? -1 : undefined}>\n            <Highlighter searchText={effectiveHighlightText}>\n              {preContainer}\n              {title}\n            </Highlighter>\n            <div className={contentContainerLayout}>\n              <Highlighter searchText={effectiveHighlightText}>{content}</Highlighter>\n            </div>\n            <ExpandButton onClick={handleExpandClick} isExpanded={isExpanded} resources={mergedResources} />\n            {isExpanded && (\n              <div ref={expandedContentRef} data-testid={testId + '-details'}>\n                <div className={styles['panel__expander__separator']} />\n                <Highlighter searchText={effectiveHighlightText}>{expandableContent}</Highlighter>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div className={outerClassnames}>\n      <div className={classNames({ [styles['panel__border--outline--inner']]: effectiveVariant === PanelVariant.outline })}>\n        <div className={panelClassnames} data-testid={testId} ref={panelRef} tabIndex={focusable ? -1 : undefined}>\n          <Highlighter searchText={effectiveHighlightText}>\n            {preContainer}\n            {title}\n          </Highlighter>\n          <div className={contentContainerLayout}>\n            <Highlighter searchText={effectiveHighlightText}>{content}</Highlighter>\n          </div>\n          {buttonBottomText && buttonBottomOnClick && (\n            <div className={styles['panel__button-bottom']}>\n              <Button variant=\"borderless\" type=\"button\" size=\"medium\" onClick={buttonBottomOnClick} aria-label={buttonBottomAriaLabel}>\n                {buttonBottomText}\n                <Icon svgIcon={ChevronRight} size={IconSize.XSmall} />\n              </Button>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport interface ContentProps {\n  /** Children elements to be rendered inside the content box */\n  children?: React.ReactNode;\n}\n\nexport const PreContainer: React.FC<ContentProps> = ({ children }) => {\n  return <div className={styles['panel__pre-container']}>{children}</div>;\n};\n\nexport const A: React.FC<ContentProps> = ({ children }) => {\n  const styling = classNames(styles['panel__content__item'], styles['panel__content__item--a']);\n  return <div className={styling}>{children}</div>;\n};\n\nexport const B: React.FC<ContentProps> = ({ children }) => {\n  const styling = classNames(styles['panel__content__item'], styles['panel__content__item--b']);\n  return <div className={styling}>{children}</div>;\n};\n\nexport const C: React.FC<ContentProps> = ({ children }) => {\n  const styling = classNames(styles['panel__content__item'], styles['panel__content__item--c']);\n  return <div className={styling}>{children}</div>;\n};\n\nexport const ExpandedContent: React.FC<ContentProps> = ({ children }) => {\n  const styling = classNames(styles['panel__expander__content']);\n  return <div className={styling}>{children}</div>;\n};\n\ntype PanelComponent = typeof PanelRoot & {\n  PreContainer: React.FC<ContentProps>;\n  Title: React.FC<PanelTitleProps>;\n  A: React.FC<ContentProps>;\n  B: React.FC<ContentProps>;\n  C: React.FC<ContentProps>;\n  ExpandedContent: React.FC<ContentProps>;\n};\nPanelRoot.displayName = 'Panel';\nconst Panel = PanelRoot as PanelComponent;\nPanel.PreContainer = PreContainer;\nPanel.Title = PanelTitle;\nPanel.A = A;\nPanel.B = B;\nPanel.C = C;\nPanel.ExpandedContent = ExpandedContent;\n\nexport default Panel;\n","import Panel from './Panel';\nexport { PanelLayout, PanelStacking, PanelStatus, PanelVariant } from './constants';\nexport * from './Panel';\nexport default Panel;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/resources/HN.Designsystem.Panel.en-GB.json","../../../src/resources/HN.Designsystem.Panel.nb-NO.json","../../../src/components/Panel/resourceHelper.ts","../../../src/components/Panel/Panel.tsx","../../../src/components/Panel/index.ts"],"sourcesContent":["{\n  \"expandButtonOpen\": \"See details\",\n  \"expandButtonClose\": \"Hide details\"\n}\n","{\n  \"expandButtonOpen\": \"Se detaljer\",\n  \"expandButtonClose\": \"Skjul detaljer\"\n}\n","import type { HNDesignsystemPanel } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Panel.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Panel.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemPanel => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { PanelTitleProps } from './PanelTitle';\nimport type { HNDesignsystemPanel } from '../../resources/Resources';\nimport type { PaletteNames } from '../../theme/palette';\n\nimport { LanguageLocales } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport Button from '../Button';\nimport Icon, { IconSize } from '../Icon';\nimport { PanelLayout, PanelStacking, PanelStatus, PanelVariant } from './constants';\nimport PanelTitle from './PanelTitle';\nimport { getResources } from './resourceHelper';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { isComponent } from '../../utils/component';\nimport Highlighter from '../Highlighter';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronRight from '../Icons/ChevronRight';\nimport ChevronUp from '../Icons/ChevronUp';\nimport { PanelListContext } from '../PanelList/utils';\n\nimport styles from './styles.module.scss';\n\nexport type PanelColors = Extract<PaletteNames, 'white' | 'neutral'>;\n\nexport interface PanelProps {\n  /** Aria label on call to action button */\n  buttonBottomAriaLabel?: string;\n  /** Sets the text on the bottom call to action button */\n  buttonBottomText?: string;\n  /** Sets the action on the bottom call to action button */\n  buttonBottomOnClick?: () => void;\n  /** Expands or collapses the panel. Only applicable when ExpandedContent is used */\n  expanded?: boolean;\n  /** Whether the panel can be focused */\n  focusable?: boolean;\n  /** Sets the layout and order of the content boxes */\n  layout?: PanelLayout;\n  /** Sets the visual variant of panel */\n  variant?: PanelVariant;\n  /** Sets the color for panel if it has variant fill */\n  color?: PanelColors;\n  /** Sets classes on the outermost container of the panel */\n  className?: string;\n  /** Action called when toggling expansion of ExpandedContent */\n  onExpand?: (isExpanded?: boolean) => void;\n  /** Sets the stacking order of the content boxes */\n  stacking?: PanelStacking;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Children elements to be rendered inside the panel */\n  children?: React.ReactNode;\n  /** Displays a status on the left side: default normal */\n  status?: PanelStatus;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemPanel>;\n  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n  /** Ref passed to the panel container */\n  ref?: React.Ref<HTMLDivElement | null>;\n}\n\nconst ExpandButton = ({\n  onClick,\n  isExpanded,\n  resources,\n}: {\n  onClick: () => void;\n  isExpanded: boolean | undefined;\n  resources: Partial<HNDesignsystemPanel>;\n}): React.JSX.Element => {\n  const buttonClassName = classNames(styles['expander__button'], isExpanded && styles['expander__button--expanded']);\n\n  return (\n    <Button\n      variant=\"borderless\"\n      textClassName={styles['expander__button__text']}\n      wrapperClassName={buttonClassName}\n      aria-expanded={isExpanded}\n      onClick={onClick}\n    >\n      <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} size={IconSize.XSmall} />\n      <span>{isExpanded ? resources.expandButtonClose : resources.expandButtonOpen}</span>\n    </Button>\n  );\n};\nconst PanelRoot: React.FC<PanelProps> = ({\n  layout = PanelLayout.vertical,\n  variant = PanelVariant.fill,\n  color = 'neutral',\n  stacking = PanelStacking.default,\n  testId,\n  children,\n  expanded = false,\n  focusable,\n  status = PanelStatus.none,\n  buttonBottomAriaLabel,\n  buttonBottomOnClick,\n  buttonBottomText,\n  className,\n  resources,\n  onExpand,\n  highlightText,\n  ref,\n}: PanelProps) => {\n  const panelListContext = React.useContext(PanelListContext);\n  const [preContainer, setPreContainer] = React.useState<React.ReactNode[]>([]);\n  const [title, setTitle] = React.useState<React.ReactNode[]>([]);\n  const [content, setContent] = React.useState<React.ReactNode[]>([]);\n  const [expandableContent, setExpandableContent] = React.useState<React.ReactNode[]>([]);\n  const [hasIcon, setHasIcon] = React.useState(false);\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n  const localRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = ref ?? localRef;\n  const expandedContentRef = React.useRef<HTMLDivElement>(null);\n  const defaultScroll = 100;\n\n  // Use context values if available, otherwise use props\n  const effectiveVariant = panelListContext?.variant ?? variant;\n  const effectiveHighlightText = panelListContext?.highlightText ?? highlightText;\n  const effectiveClassName = panelListContext?.applyPanelClassName(className) ?? className;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemPanel = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  React.useEffect(() => {\n    let index = 0;\n    let localHasIcon = false;\n    const newPreContainer: React.ReactNode[] = [];\n    const newTitle: React.ReactNode[] = [];\n    const newContent: React.ReactNode[] = [];\n    const newExpandableContent: React.ReactNode[] = [];\n\n    React.Children.forEach(children, child => {\n      if (React.isValidElement(child)) {\n        const key = child.key ?? `panel-child-${index++}`;\n\n        if (child.type === PreContainer) {\n          newPreContainer.push(React.cloneElement(child, { key }));\n        } else if (isComponent<PanelTitleProps>(child, PanelTitle)) {\n          newTitle.push(\n            React.cloneElement(child as React.ReactElement<PanelTitleProps>, {\n              key,\n              highlightText: child.props.highlightText || effectiveHighlightText,\n            })\n          );\n          if (child.props.icon) {\n            localHasIcon = true;\n          }\n        } else if (child.type === A || child.type === B || child.type === C) {\n          newContent.push(React.cloneElement(child, { key }));\n        } else if (child.type === ExpandedContent) {\n          newExpandableContent.push(React.cloneElement(child, { key }));\n        }\n      }\n    });\n\n    setPreContainer(newPreContainer);\n    setTitle(newTitle);\n    setContent(newContent);\n    setExpandableContent(newExpandableContent);\n    setHasIcon(localHasIcon);\n  }, [children]);\n\n  React.useEffect(() => {\n    if (expanded) {\n      // Hvis panel åpnes controlled skal ikke scroll skje\n      return;\n    }\n    // Scroller oppover når expanded content åpnes uncontrolled\n    if (isExpanded) {\n      if ('current' in panelRef && panelRef.current && expandedContentRef.current) {\n        const panelRect = panelRef.current.getBoundingClientRect();\n        const expandedContentRect = expandedContentRef.current.getBoundingClientRect();\n\n        const scrollAmount = Math.min(defaultScroll, panelRect.top - 20);\n\n        // Scroller kun oppover, og kun dersom expandedContent havner utenfor skjermen når åpnet\n        if (scrollAmount > 0 && expandedContentRect.bottom > window.innerHeight) {\n          const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n          if (prefersReducedMotion) {\n            return;\n          }\n          window.scrollBy({\n            top: scrollAmount,\n            behavior: 'smooth',\n          });\n        }\n      }\n    }\n  }, [isExpanded]);\n\n  const colorScheme = effectiveVariant === PanelVariant.fill ? color : 'white';\n\n  const outerClassnames = classNames(effectiveClassName, {\n    [styles['panel__border--outline--outer']]: effectiveVariant === PanelVariant.outline,\n    [styles['panel__border--line']]: effectiveVariant === PanelVariant.line,\n    [styles['panel__border--fill--neutral']]: effectiveVariant === PanelVariant.fill && colorScheme === 'neutral',\n    [styles['panel__border--fill--new']]: effectiveVariant === PanelVariant.fill && status === PanelStatus.new,\n    [styles['panel__border--fill--status']]: effectiveVariant === PanelVariant.fill && status !== PanelStatus.none,\n  });\n  const panelClassnames = classNames(styles['panel'], styles[`panel--${colorScheme}`], styles['panel--status'], {\n    [styles['panel--line']]: effectiveVariant === PanelVariant.line,\n    [styles['panel--new']]: status === PanelStatus.new,\n    [styles['panel--draft']]: status === PanelStatus.draft,\n    [styles['panel--error']]: status === PanelStatus.error,\n    [styles['panel--icon']]: hasIcon,\n  });\n  const contentContainerLayout = classNames(styles['panel__content'], styles[`panel__content--${layout}`], {\n    [styles[`panel__content--b-first`]]: stacking === PanelStacking.bFirst,\n  });\n  const expanderBorderLayout = classNames({\n    [styles['panel__expander__border--expanded']]: isExpanded && status === PanelStatus.none,\n    [styles[`panel__expander__border--not-expanded--${colorScheme}`]]: !isExpanded && status === PanelStatus.none,\n    [styles[`panel__expander__border--not-expanded--line`]]:\n      !isExpanded && status === PanelStatus.none && effectiveVariant === PanelVariant.line,\n  });\n\n  const handleExpandClick = (): void => {\n    setIsExpanded(!isExpanded);\n  };\n\n  return expandableContent.length > 0 ? (\n    <div className={outerClassnames}>\n      <div className={classNames({ [styles['panel__border--outline--inner']]: effectiveVariant === PanelVariant.outline })}>\n        <div className={expanderBorderLayout}>\n          <div className={panelClassnames} data-testid={testId} ref={panelRef} tabIndex={focusable ? -1 : undefined}>\n            <Highlighter searchText={effectiveHighlightText}>\n              {preContainer}\n              {title}\n            </Highlighter>\n            <div className={contentContainerLayout}>\n              <Highlighter searchText={effectiveHighlightText}>{content}</Highlighter>\n            </div>\n            <ExpandButton onClick={handleExpandClick} isExpanded={isExpanded} resources={mergedResources} />\n            {isExpanded && (\n              <div ref={expandedContentRef} data-testid={testId + '-details'}>\n                <div className={styles['panel__expander__separator']} />\n                <Highlighter searchText={effectiveHighlightText}>{expandableContent}</Highlighter>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div className={outerClassnames}>\n      <div className={classNames({ [styles['panel__border--outline--inner']]: effectiveVariant === PanelVariant.outline })}>\n        <div className={panelClassnames} data-testid={testId} ref={panelRef} tabIndex={focusable ? -1 : undefined}>\n          <Highlighter searchText={effectiveHighlightText}>\n            {preContainer}\n            {title}\n          </Highlighter>\n          <div className={contentContainerLayout}>\n            <Highlighter searchText={effectiveHighlightText}>{content}</Highlighter>\n          </div>\n          {buttonBottomText && buttonBottomOnClick && (\n            <div className={styles['panel__button-bottom']}>\n              <Button variant=\"borderless\" type=\"button\" size=\"medium\" onClick={buttonBottomOnClick} aria-label={buttonBottomAriaLabel}>\n                {buttonBottomText}\n                <Icon svgIcon={ChevronRight} size={IconSize.XSmall} />\n              </Button>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport interface ContentProps {\n  /** Children elements to be rendered inside the content box */\n  children?: React.ReactNode;\n}\n\nexport const PreContainer: React.FC<ContentProps> = ({ children }) => {\n  return <div className={styles['panel__pre-container']}>{children}</div>;\n};\n\nexport const A: React.FC<ContentProps> = ({ children }) => {\n  const styling = classNames(styles['panel__content__item'], styles['panel__content__item--a']);\n  return <div className={styling}>{children}</div>;\n};\n\nexport const B: React.FC<ContentProps> = ({ children }) => {\n  const styling = classNames(styles['panel__content__item'], styles['panel__content__item--b']);\n  return <div className={styling}>{children}</div>;\n};\n\nexport const C: React.FC<ContentProps> = ({ children }) => {\n  const styling = classNames(styles['panel__content__item'], styles['panel__content__item--c']);\n  return <div className={styling}>{children}</div>;\n};\n\nexport const ExpandedContent: React.FC<ContentProps> = ({ children }) => {\n  const styling = classNames(styles['panel__expander__content']);\n  return <div className={styling}>{children}</div>;\n};\n\ntype PanelComponent = typeof PanelRoot & {\n  PreContainer: React.FC<ContentProps>;\n  Title: React.FC<PanelTitleProps>;\n  A: React.FC<ContentProps>;\n  B: React.FC<ContentProps>;\n  C: React.FC<ContentProps>;\n  ExpandedContent: React.FC<ContentProps>;\n};\nPanelRoot.displayName = 'Panel';\nconst Panel = PanelRoot as PanelComponent;\nPanel.PreContainer = PreContainer;\nPanel.Title = PanelTitle;\nPanel.A = A;\nPanel.B = B;\nPanel.C = C;\nPanel.ExpandedContent = ExpandedContent;\n\nexport default Panel;\n","import Panel from './Panel';\nexport { PanelLayout, PanelStacking, PanelStatus, PanelVariant } from './constants';\nexport * from './Panel';\nexport default Panel;\n"],"mappings":"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"}

package/lib/components/PanelList/index.js

@@ -1,5 +1,5 @@
 import { AnalyticsId } from "../../constants.js";
-import { a as PanelVariant, t as PanelListContext } from "../../utils5.js";
+import { a as PanelVariant, t as PanelListContext } from "../../utils4.js";
 import classNames from "classnames";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/lib/components/PanelList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/PanelList/PanelList.tsx","../../../src/components/PanelList/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PanelListContext, type PanelListContextValue } from './utils';\nimport { AnalyticsId } from '../../constants';\nimport { PanelVariant } from '../Panel/constants';\n\nimport styles from './styles.module.scss';\n\nexport interface PanelListProps {\n  /** Panels to render inside the PanelList */\n  children?: React.ReactNode;\n  /** Changes the visual representation of the panel. Default: fill */\n  variant?: PanelVariant;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n  /** Ref passed to the container element */\n  ref?: React.Ref<HTMLDivElement | null>;\n}\n\nconst PanelList: React.FC<PanelListProps> = (props: PanelListProps) => {\n  const { testId, children, variant = PanelVariant.fill, highlightText, ref } = props;\n\n  const contextValue: PanelListContextValue = React.useMemo(\n    () => ({\n      variant,\n      highlightText,\n      applyPanelClassName: (existingClassName?: string) => classNames(existingClassName, styles[`panel-list__panel--${variant}`]),\n    }),\n    [variant, highlightText]\n  );\n\n  return (\n    <PanelListContext.Provider value={contextValue}>\n      <div\n        ref={ref}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.PanelList}\n        className={classNames({ [styles['panel-list--outline']]: variant === PanelVariant.outline })}\n      >\n        {children}\n      </div>\n    </PanelListContext.Provider>\n  );\n};\n\nexport default PanelList;\n","import PanelList from './PanelList';\nexport * from './PanelList';\nexport * from './utils';\nexport default PanelList;\n"],"mappings":";;;;;;;AAuBA,IAAM,aAAuC,UAA0B;CACrE,MAAM,EAAE,QAAQ,UAAU,UAAU,aAAa,MAAM,eAAe,QAAQ;CAE9E,MAAM,eAAsC,MAAM,eACzC;EACL;EACA;EACA,sBAAsB,sBAA+B,WAAW,mBAAmB,OAAO,sBAAsB,WAAW;EAC5H,GACD,CAAC,SAAS,cAAc,CACzB;CAED,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAChC,oBAAC,OAAD;GACO;GACL,eAAa;GACb,oBAAkB,YAAY;GAC9B,WAAW,WAAW,GAAG,OAAO,yBAAyB,YAAY,aAAa,SAAS,CAAC;GAE3F;GACG,CAAA;EACoB,CAAA;;;;AC1ChC,IAAA,oBAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/PanelList/PanelList.tsx","../../../src/components/PanelList/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PanelListContext, type PanelListContextValue } from './utils';\nimport { AnalyticsId } from '../../constants';\nimport { PanelVariant } from '../Panel/constants';\n\nimport styles from './styles.module.scss';\n\nexport interface PanelListProps {\n  /** Panels to render inside the PanelList */\n  children?: React.ReactNode;\n  /** Changes the visual representation of the panel. Default: fill */\n  variant?: PanelVariant;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n  /** Ref passed to the container element */\n  ref?: React.Ref<HTMLDivElement | null>;\n}\n\nconst PanelList: React.FC<PanelListProps> = (props: PanelListProps) => {\n  const { testId, children, variant = PanelVariant.fill, highlightText, ref } = props;\n\n  const contextValue: PanelListContextValue = React.useMemo(\n    () => ({\n      variant,\n      highlightText,\n      applyPanelClassName: (existingClassName?: string) => classNames(existingClassName, styles[`panel-list__panel--${variant}`]),\n    }),\n    [variant, highlightText]\n  );\n\n  return (\n    <PanelListContext.Provider value={contextValue}>\n      <div\n        ref={ref}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.PanelList}\n        className={classNames({ [styles['panel-list--outline']]: variant === PanelVariant.outline })}\n      >\n        {children}\n      </div>\n    </PanelListContext.Provider>\n  );\n};\n\nexport default PanelList;\n","import PanelList from './PanelList';\nexport * from './PanelList';\nexport * from './utils';\nexport default PanelList;\n"],"mappings":";;;;;;;AAuBA,IAAM,aAAuC,UAA0B;CACrE,MAAM,EAAE,QAAQ,UAAU,UAAU,aAAa,MAAM,eAAe,QAAQ;CAE9E,MAAM,eAAsC,MAAM,eACzC;EACL;EACA;EACA,sBAAsB,sBAA+B,WAAW,mBAAmB,OAAO,sBAAsB,UAAU;CAC5H,IACA,CAAC,SAAS,aAAa,CACzB;CAEA,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAChC,oBAAC,OAAD;GACO;GACL,eAAa;GACb,oBAAkB,YAAY;GAC9B,WAAW,WAAW,GAAG,OAAO,yBAAyB,YAAY,aAAa,QAAQ,CAAC;GAE1F;EACE,CAAA;CACoB,CAAA;AAE/B;;;AC5CA,IAAA,oBAAe"}