npm - @helsenorge/designsystem-react - Versions diffs - 13.4.0 → 14.0.0-beta.1 - Mend

@helsenorge/designsystem-react 13.4.0 → 14.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2568) hide show

package/lib/DoctorSmall.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DoctorSmall.js","names":["DoctorSmall: React.FC<BaseSvgIllustrationProps>"],"sources":["../src/components/Illustrations/DoctorSmall.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Palette } from './Doctor';\nimport { BaseSvgIllustrationProps } from '../Illustration';\n\nconst DoctorSmall: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n hair: '#00687F',\n shirt: '#00AEC7',\n };\n case 'cherry':\n return {\n hair: '#BA2025',\n shirt: '#F1593C',\n };\n default:\n return {\n hair: '#989693',\n shirt: '#D6D4D3',\n };\n }\n })();\n\n return (\n <svg {...svgProperties}>\n {title}\n <g clipPath=\"url(#Color=Blueberry, Size=Small__a)\">\n <path\n d=\"m83.57 54.35 1.077 5.542-3.489-1.694-1.334-3.283-.308-3.694 4.053 3.13Zm-.616-8.824 2.719 3.95 2.463-.462.82-1.436 2.207-5.798 1.129-2.668 4.925 2.668 3.848 1.283 4.926.975 4.617-.308 4.208-1.385 3.026-1.386.924-1.847v-2.155l-.924-3.642-1.59-2.874-2.257-3.54-2.36-3.027-3.438-3.13L104.965 19h-5.029l-3.848 1.026-4.617 1.95-3.335 1.898-3.13 1.129h-2.72l-2.462.82-1.95 1.9-1.436 2.718-1.283 4.002.257 3.387 2.462 4.515.719 2.873 1.898-1.488 2.463 1.796Z\"\n fill={palette.hair}\n data-testid=\"doctor-small\"\n />\n <path\n d=\"m84.006 75.403-2.998-2.363-.94 7.33v20.07L82 116.649l2.215 13.287 1.696 9.423 3.44 12.438h13.521l1.461-10.554.989-11.637.707-11.355.471-13.758.405-30.536-3.365 2.303-4.516 2.05c-1.182.226-3.625.678-3.94.678h-3.517l-2.655-.678-4.906-2.907Z\"\n fill={palette.shirt}\n />\n <path\n d=\"M71.582 74.903c3.643-2.65 8.28-4.554 10.143-5.175l-1.2 7.25-.41 5.373v9.75l.238 9.857.671 8.687.867 6.737 1.69 8.645.823 5.285 1.408 7.194 2.015 7.929 1.49 5.36h-10.44l14.943 10.392-2.632 3.108-1.871 3.52-1.173 3.867-.508 4.44-.253 3.71-4.63-1.427-6.31-2.568-6.818-3.773-8.244-5.708-6.691-5.422-5.676-5.677-4.63-5.866-1.965-2.885 1.014-15.221 2.442-22.768 1.078-7.293 2.06-7.864 1.872-4.978 1.966-1.903 4.597-3.266 4.508-3.1c1.69-.966 5.983-3.56 9.626-6.21Zm35.05 17.869.411-22.618 7.778 3.51 4.528 2.86 7.712 5.047 6.565 4.658 4.484 19.65 4.571 20.191 3.814 16.53.563 2.469-.196 2.579-1.473 4.592-3.249 9.078-2.275 5.112-3.315 5.091-2.08 1.69-2.383.326-2.036-.889 4.419-3.336v-1.062l-.628-3.249-1.04-2.492-1.624-2.144-1.712-1.538-2.729-1.322-2.666 2.86-3.444-.78.629-1.257 1.992-6.533H102.71l1.127-6.964.52-3.357.802-10.356.433-5.091.52-10.118.325-8.232.195-14.905Z\"\n fill=\"#fff\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M102.423 18.127c1.358-.043 2.788.07 3.918.554 2.059.883 4.095 2.383 7.06 5.735 3.006 3.4 5.287 8.001 5.909 10.754.293 1.296.499 2.536.289 3.696-.222 1.224-.882 2.254-2.082 3.187-1.163.902-2.558 1.64-4.229 2.15-.11 1.734-.376 5.097-.728 7.198-.478 2.844-1.512 6.176-2.174 8.057-.696 1.976-2.094 4.245-3.328 5.548a8.448 8.448 0 0 1-2.135 1.649c-.149 1.345.189 2.219.601 2.773.186.25.396.447.601.597a.924.924 0 0 1 1.187-.718c.502.157 1.433.587 2.531 1.13 1.128.559 2.507 1.274 3.948 2.041 2.88 1.534 6.03 3.287 7.937 4.422 1.929 1.148 4.717 3.101 7.067 4.788 1.082.777 2.077 1.502 2.863 2.075l.21.152a161.605 161.605 0 0 0 1.311.947l.093.065.031.02c.258.155.525.342.767.607a.925.925 0 0 1 .354.485c.189.326.324.7.421 1.135l10.385 45.784.004.019c.287 1.398.74 3.552 1.167 5.472.213.961.418 1.859.592 2.572.18.741.311 1.217.376 1.384.528 1.373.51 2.921.439 4.34-.043.819-.293 1.911-.565 2.915-.114.421-.236.839-.356 1.235h24.664a.926.926 0 1 1 0 1.853h-25.259c-.643 1.916-2.7 7.841-4.142 11.098-1.568 3.54-3.196 5.855-4.329 7.304-.606.776-1.421 1.543-2.178 2.13a10.69 10.69 0 0 1-.746.534.939.939 0 0 1-.173.107c-.065.04-.129.078-.192.114-.32.182-.713.37-1.09.416-.253.03-.558.014-.824-.011a15.2 15.2 0 0 1-.923-.122 29.547 29.547 0 0 1-1.698-.326.786.786 0 0 1-.098-.027c-1.43 1.058-5.3 3.524-9.931 4.591-4.841 1.114-8.666.303-10.863-.162a33.597 33.597 0 0 0-.491-.104c-1.67-.342-3.29-1.262-4.106-1.818-.645.504-1.259.96-1.712 1.275-.893.621-2.212 1.395-4.191 1.933-1.9.517-3.572.765-5.013.622-.932-.092-3.612-.499-5.26-.757-.018.494-.02.956-.012 1.392a.929.929 0 0 1-1.163.914c-1.54-.405-4.912-1.519-8.743-3.177-3.86-1.672-10.41-5.382-14.132-7.955-3.73-2.58-8.546-6.608-12.647-10.63-2.07-2.03-4.305-4.593-6.144-6.875-.188-.234-.372-.465-.552-.693a.99.99 0 0 1-.174.016H28.447a.927.927 0 0 1 0-1.853h15.08c-.886-1.193-1.56-2.188-1.885-2.798a.926.926 0 0 1-.108-.466c.079-2.401.471-10.169.982-15.749.51-5.561 2.077-20.42 3.138-27.222.538-3.446 1.462-6.888 2.287-9.536a72.474 72.474 0 0 1 1.11-3.299c.297-.81.54-1.412.654-1.627.345-.645 1.002-1.82 2.583-3.102.758-.614 4.721-3.42 8.63-6.15 3.91-2.732 7.88-5.468 8.657-5.939 1.495-.905 6.153-3.708 11.726-6.198a.927.927 0 0 1 1.25.53l.163-.06a6.83 6.83 0 0 0 .52-.22c.132-.063.18-.096.18-.096.152-.15.716-1.013.656-2.763-.01-.255-.013-.527-.017-.82-.015-1.022-.033-2.308-.28-4.14-.476-.24-1.481-.755-2.032-1.082-.842-.5-1.699-1.357-2.363-2.686-.175-.349-.314-.867-.43-1.383a31.374 31.374 0 0 1-.343-1.843 74.44 74.44 0 0 1-.482-3.64.922.922 0 0 1 .104-.534c-.211-.675-.45-1.548-.514-2.47a6.28 6.28 0 0 1 .053-1.407.924.924 0 0 1-.11-.527c-.001.009.002-.034-.007-.144a4.533 4.533 0 0 0-.057-.425c-.065-.36-.186-.86-.405-1.491-.265-.764-.827-1.91-1.4-3.08l-.024-.047a66.107 66.107 0 0 1-.794-1.66c-.222-.487-.424-.971-.52-1.346-.35-1.378-.212-2.98.432-5.28.684-2.444 2.365-4.567 2.829-5.124l.061-.074c.51-.62 2.203-2.682 5.071-2.682 1.21 0 1.91-.092 2.37-.19a6.412 6.412 0 0 0 .668-.182c.148-.047.322-.101.498-.143.064-.014.249-.082.586-.238a30.73 30.73 0 0 0 1.15-.574c.471-.244.956-.502 1.464-.772.497-.264 1.016-.54 1.564-.825 2.199-1.147 5.02-2.07 7.328-2.554 1.16-.243 2.572-.454 3.953-.499Zm-23.319 25.17a1.914 1.914 0 0 1 1.198-.498c.503-.026.975.137 1.371.347.784.415 1.555 1.162 2.211 1.926a19.98 19.98 0 0 1 1.762 2.42 14.42 14.42 0 0 1 .649 1.156c.723-.109 1.328-.42 1.745-1.193.267-.496.867-2.008 1.534-3.785.654-1.743 1.34-3.653 1.773-4.879a.927.927 0 0 1 1.245-.541c1.01.441 2.054.983 3.028 1.496l.259.136c.888.467 1.705.898 2.423 1.222 1.574.712 5.095 2.027 9.222 2.027 4.144 0 6.939-1.054 8.855-2.543.909-.705 1.27-1.357 1.395-2.053.138-.757.018-1.672-.272-2.956-.544-2.408-2.661-6.736-5.49-9.934-2.868-3.244-4.691-4.527-6.402-5.26-.755-.324-1.86-.446-3.128-.405-1.244.04-2.546.233-3.63.46-2.18.458-4.834 1.33-6.853 2.383-.49.256-1.021.538-1.536.811-.536.285-1.055.56-1.495.789-.452.235-.87.445-1.223.61-.33.152-.673.298-.945.362-.103.024-.2.054-.346.1-.032.01-.068.02-.106.033-.199.061-.44.133-.749.199-.618.132-1.454.23-2.757.23-1.973 0-3.164 1.435-3.667 2.04l-.041.05c-.434.521-1.895 2.392-2.468 4.436-.612 2.187-.652 3.412-.42 4.323.05.197.187.546.41 1.038.217.476.486 1.027.772 1.61l.064.13c.541 1.104 1.143 2.331 1.446 3.205.061.176.117.346.166.509Zm1.242 9.869c.029.193.058.385.089.575.102.639.212 1.24.322 1.732.117.521.217.835.28.96.518 1.037 1.14 1.617 1.65 1.92.185.11.435.247.701.39a56.028 56.028 0 0 0-.922-3.877 17.762 17.762 0 0 1-2.12-1.7Zm.14 17.846a108.167 108.167 0 0 0-8.724 4.636.924.924 0 0 1-.349.667l-.019.018a.948.948 0 0 0-.05.053 2.13 2.13 0 0 0-.155.204c-.123.18-.27.437-.42.782-.301.69-.61 1.715-.773 3.137-.058.515-.12 1.012-.18 1.502-.386 3.11-.74 5.975-.21 11.454.46 4.727 1.462 10.804 2.013 13.853a4.933 4.933 0 0 1 3.325 1.926c.86 1.124 1.243 2.533 1.243 3.764 0 1.402-.751 2.601-1.734 3.429-.984.828-2.285 1.363-3.582 1.411-2.659.097-4.988-1.933-5.224-4.763-.238-2.85 1.474-4.298 2.523-4.998.507-.337 1.082-.544 1.584-.665-.563-3.141-1.538-9.094-1.993-13.778-.55-5.687-.175-8.724.215-11.864.06-.488.121-.978.179-1.482.122-1.066.32-1.961.554-2.7a768.255 768.255 0 0 0-6.73 4.657c-3.949 2.758-7.833 5.51-8.523 6.07-1.316 1.067-1.833 2.006-2.115 2.535l-.013.028-.039.086c-.032.074-.073.172-.122.295-.098.245-.226.576-.374.983a70.646 70.646 0 0 0-1.082 3.213c-.81 2.597-1.706 5.945-2.225 9.27-1.052 6.741-2.615 21.55-3.124 27.105-.49 5.349-.87 12.749-.966 15.384.538.92 1.849 2.728 3.539 4.826 1.811 2.249 3.998 4.754 5.998 6.716 4.04 3.962 8.776 7.919 12.404 10.428 3.636 2.514 10.08 6.162 13.814 7.778 2.959 1.281 5.62 2.223 7.32 2.75.05-1.933.306-4.287.955-7.336.41-1.928 1.175-4.027 2.195-5.909.793-1.463 1.762-2.836 2.874-3.895a3725.869 3725.869 0 0 0-14.159-9.884l-8.772-6.1-2.817-1.957-1.056-.733s-.001-.001.527-.762l-.528.761a.927.927 0 0 1-.39-.641c-.51-3.902-1.699-12.847-2.386-17.44-.856-5.721-2.65-14.341-3.7-18.502-1.064-4.216-2.834-10.672-5.472-14.667a.927.927 0 1 1 1.547-1.022c2.841 4.302 4.672 11.075 5.722 15.236 1.064 4.215 2.87 12.895 3.736 18.68.668 4.459 1.803 12.981 2.337 17.067l.72.501c.676.469 1.645 1.141 2.818 1.957l8.534 5.934a.919.919 0 0 1 .448-.115h8.468c-.85-2.888-2.247-7.909-3.03-11.711-.734-3.567-1.572-8.269-2.466-13.284-.475-2.665-.965-5.419-1.465-8.136-1.454-7.918-2.1-19.284-2.019-22.475.023-.866.02-2.252.017-3.906-.003-1.312-.006-2.794.003-4.321.02-3.406.1-7.03.389-9.261.32-2.468.704-5.019.984-6.789Zm8.81 81.736h32.711l-1.819 5.733-2.364-.54-.032-.006-.99-.189c-1.921-1.011-4.159-2.218-5.201-2.864-1.973-1.223-3.876-.522-4.64.043l-.004.002c-.682.509-2.77 2.13-5.753 4.61-3.66 3.043-5.393 3.75-6.375 4.054a5.77 5.77 0 0 1-.895.185c.204-.186.41-.355.62-.507a.926.926 0 0 0-.006-1.502c-1.478-1.061-7.097-4.982-12.895-9.019h7.642Zm2.971 12.959a16.96 16.96 0 0 0-1.016 1.653 20.787 20.787 0 0 0-2.012 5.411c-.407 1.913-.65 3.526-.785 4.917 1.64.258 4.417.68 5.32.769 1.117.11 2.537-.075 4.344-.566 1.73-.47 2.857-1.135 3.62-1.666.8-.556 2.179-1.617 3.274-2.553 1.216-1.04 2.575-1.67 3.694-1.783 1.025-.106 2.583.101 3.495.291.971.201 2.601.638 3.788 1.1.536.21.882.309 1.186.322.274.013.578-.042 1.015-.275.271-.145.53-.423.745-.793.214-.367.34-.747.386-.988.027-.141.066-.331.113-.565.217-1.065.625-3.063.975-5.725.126-.965-.182-2.04-.7-2.974a6.273 6.273 0 0 0-.825-1.16c-.29-.316-.523-.483-.647-.541l-.034-.016c-.556-.286-1.312-.678-2.141-1.114-1.933-1.016-4.307-2.292-5.438-2.993-1.157-.718-2.227-.288-2.561-.043-.65.484-2.71 2.083-5.674 4.547-3.776 3.14-5.722 4-7.01 4.4-1.054.327-2.446.368-2.999.355a1.035 1.035 0 0 1-.113-.01Zm28.512-5.189c1.13.063 3.094.707 3.094.707.307.07.628-.02.854-.24l2.45-2.387c.233.083.454.187.662.316 2.678 1.658 3.916 3.076 4.615 5.078.073.205.141.399.209.586.32.893.586 1.636.752 2.67.064.393.113.832.142 1.336a1248.942 1248.942 0 0 0-4.436 3.64c-.771.64-4.747 3.415-9.569 4.525-4.432 1.02-7.903.287-10.077-.172a52.162 52.162 0 0 0-.489-.103c-1.09-.224-2.21-.78-2.96-1.232.065-.053.128-.107.191-.161 1.015-.867 2.032-1.282 2.677-1.347.738-.076 2.072.083 2.93.261.901.187 2.427.597 3.491 1.013.564.22 1.149.419 1.778.447.66.029 1.294-.131 1.971-.494.679-.362 1.157-.951 1.474-1.494.253-.436.433-.892.539-1.287.987-5.94 2.283-8.521-.298-11.662Zm14.654 8.621a.926.926 0 0 0-.01-.344 15.658 15.658 0 0 0-.176-1.842c-.197-1.217-.527-2.134-.852-3.036l-.19-.536c-.885-2.534-2.49-4.247-5.391-6.044-1.364-.845-2.967-.943-4.324-.786-.668.078-1.305.221-1.869.389l3.543-11.166a.851.851 0 0 0 .035-.153l7.619-54.596 9.602 42.334c.289 1.405.743 3.563 1.171 5.492.214.966.422 1.878.601 2.609.171.705.33 1.309.447 1.61.371.968.389 2.155.316 3.58-.03.602-.23 1.526-.501 2.524-.266.977-.58 1.953-.803 2.633-.45 1.368-2.687 7.879-4.197 11.288-1.491 3.371-3.031 5.555-4.093 6.913-.27.346-.603.702-.958 1.039.035-.706.044-1.337.03-1.908Zm-1.883 1.847-1.787 1.464a13.026 13.026 0 0 0 1.027.144c.251.023.385.022.428.016l.003-.001c.017-.004.088-.027.221-.093.049-.554.085-1.063.108-1.53Zm-.997-84.314a2.163 2.163 0 0 0-.204-.136c-.18-.108-.781-.545-1.555-1.109l-.225-.165c-.787-.573-1.778-1.295-2.855-2.068-2.356-1.692-5.084-3.6-6.934-4.7a133.38 133.38 0 0 0-2.615-1.507c.073.234.144.486.212.757.404 1.605.732 3.9.795 7.064 1.142 1.033 3.235 3.356 4.882 6.574 2.244 4.382 3.301 8.112 3.577 9.649.134.759.382 2.616.512 4.776.13 2.151.148 4.672-.203 6.728a.928.928 0 0 1-.915.771h-1.487a.927.927 0 1 1 0-1.855h.684c.201-1.701.181-3.709.071-5.532-.126-2.099-.366-3.884-.488-4.562-.238-1.336-1.232-4.892-3.401-9.13-1.339-2.615-2.986-4.575-4.033-5.622-.588.8-1.129 1.658-1.607 2.78-.642 1.508-1.19 3.536-1.542 6.58-.643 5.564-.112 11.583.261 15.806l.028.309h1.663a.928.928 0 0 1 0 1.855h-2.513a.927.927 0 0 1-.923-.848l-.103-1.161c-.372-4.203-.921-10.41-.254-16.175.366-3.165.947-5.376 1.678-7.091.675-1.588 1.464-2.713 2.261-3.737-.057-3.1-.376-5.276-.741-6.727-.189-.75-.388-1.296-.564-1.67a3.11 3.11 0 0 0-.227-.418c-.066-.1-.103-.133-.1-.13a.917.917 0 0 1-.298-.53c-.821-.449-1.656-.9-2.47-1.333a154.164 154.164 0 0 0-3.899-2.016 51.58 51.58 0 0 0-1.101-.53c-.062 2.788-.147 9.399-.227 16.084l-.086 7.36c-.062 5.332-.111 9.606-.13 10.333-.054 2.073-.648 16.813-.866 19.681l-.054.714c-.284 3.758-1.103 14.63-1.645 18.354a358.947 358.947 0 0 1-1.063 6.8h18.745l1.779-5.607 8.18-58.616Zm-30.583 64.223H90.006c-.818-2.745-2.33-8.115-3.148-12.085-.73-3.544-1.56-8.202-2.45-13.198-.476-2.671-.97-5.438-1.473-8.184-1.432-7.792-2.068-19.03-1.99-22.091.024-.884.02-2.318.018-4.006-.003-1.313-.005-2.779.003-4.258.02-3.427.101-6.936.373-9.034.131-1.011.274-2.038.415-3.018a22.318 22.318 0 0 0 3.99 2.764c2.286 1.24 5.133 2.258 8.208 2.248 5.02-.016 9.539-2.439 12.041-4.275-.049 3.276-.102 7.58-.154 11.873l-.086 7.41c-.062 5.307-.111 9.544-.129 10.257-.054 2.067-.648 16.769-.862 19.589l-.053.708c-.285 3.775-1.1 14.582-1.632 18.233a362.431 362.431 0 0 1-1.107 7.067Zm4.062-77.552.023-1.262a4.57 4.57 0 0 1-2.019-1.547c-.583-.785-.983-1.83-1.002-3.155-.41.1-.842.174-1.297.215-2.239.206-4.43-.283-5.733-.768-1.226-.456-3.22-1.25-4.95-2.934-.816-.795-1.656-1.71-2.349-2.646-.682-.922-1.272-1.93-1.517-2.907a.927.927 0 0 1 1.799-.45c.157.63.581 1.407 1.209 2.254.616.834 1.383 1.673 2.151 2.42 1.439 1.4 3.122 2.086 4.304 2.526 1.105.411 3.014.834 4.916.66 1.818-.168 3.138-.955 4.145-2.018 1.047-1.106 2.312-3.147 2.925-4.89.648-1.837 1.642-5.055 2.094-7.747.303-1.8.543-4.633.668-6.436a21.708 21.708 0 0 1-3.875.327c-4.49 0-8.284-1.422-9.986-2.191-.772-.35-1.64-.807-2.514-1.267l-.267-.14a65.353 65.353 0 0 0-2.002-1.021 274.356 274.356 0 0 1-1.445 3.955c-.647 1.723-1.297 3.38-1.639 4.014-.994 1.842-2.67 2.19-3.961 2.214a.927.927 0 0 1-.919-.706l-.003-.01a1.885 1.885 0 0 0-.05-.132 4.925 4.925 0 0 0-.149-.32 12.606 12.606 0 0 0-.519-.912 18.063 18.063 0 0 0-1.592-2.188c-.613-.715-1.202-1.248-1.672-1.497-.231-.122-.361-.136-.408-.134h-.004c-.01 0-.03 0-.082.059-.644.745-.814 1.625-.75 2.552.064.907.345 1.775.582 2.508l.035.107c.165.512.63 1.151 1.332 1.838.683.667 1.51 1.299 2.27 1.803.185.124.32.31.38.524 1.672 6.011 1.716 9.093 1.745 11.076.004.29.008.559.016.808.074 2.124-.598 3.595-1.266 4.205-.188.17-.433.3-.615.388-.206.1-.44.196-.668.282-.359.137-.736.263-1.033.355a280.51 280.51 0 0 0-.253 1.624c.837.886 2.451 2.243 4.54 3.376 2.111 1.146 4.65 2.032 7.319 2.024 5.428-.017 10.332-3.232 12.077-4.828l.009-.008Zm16.352 85.639a9.523 9.523 0 0 1 2.32-.59l.03-.003-.94.916-1.41-.323ZM70.853 109.12c-.32.014-1.11.146-1.655.51-.83.553-1.858 1.453-1.704 3.3.156 1.867 1.662 3.125 3.31 3.065.854-.031 1.765-.396 2.454-.976.69-.581 1.075-1.301 1.075-2.011 0-.883-.283-1.881-.861-2.637-.554-.723-1.39-1.246-2.62-1.251Zm38.112-61.187c-1.838-.932-3.675-.065-4.354.5a.928.928 0 0 1-1.185-1.427c.982-.815 3.619-2.126 6.378-.726a.927.927 0 1 1-.839 1.653Zm-14.027.746c-.863.183-1.58.57-1.945.84a.927.927 0 1 1-1.106-1.487c.564-.419 1.523-.924 2.666-1.166 1.153-.245 2.551-.233 3.913.474a.927.927 0 0 1-.854 1.646c-.886-.46-1.823-.487-2.674-.307Zm7.419 1.647a.927.927 0 0 1 1.02.824l.549 5.176a.927.927 0 0 1-.763 1.011l-3.529.613a.927.927 0 0 1-.317-1.826l2.674-.465-.458-4.313a.927.927 0 0 1 .824-1.02Z\"\n fill=\"#000\"\n />\n <path\n d=\"M96.789 49.243a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Zm11.564-.984a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Z\"\n fill=\"#000\"\n />\n </g>\n <defs>\n <clipPath id=\"Color=Blueberry, Size=Small__a\">\n <path fill=\"#fff\" d=\"M0 0h200v200H0z\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nexport default DoctorSmall;\n"],"mappings":";;AAKA,IAAMA,eAAmD,EAAE,OAAO,eAAe,YAAY;CAC3F,MAAM,iBAA0B;AAC9B,UAAQ,OAAR;GACE,KAAK,YACH,QAAO;IACL,MAAM;IACN,OAAO;IACR;GACH,KAAK,SACH,QAAO;IACL,MAAM;IACN,OAAO;IACR;GACH,QACE,QAAO;IACL,MAAM;IACN,OAAO;IACR;;KAEH;AAEJ,QACE,qBAAC,OAAA;EAAI,GAAI;;GACN;GACD,qBAAC,KAAA;IAAE,UAAS;;KACV,oBAAC,QAAA;MACC,GAAE;MACF,MAAM,QAAQ;MACd,eAAY;OACZ;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAM,QAAQ;OACd;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAK;OACL;KACF,oBAAC,QAAA;MACC,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;OACL;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAK;OACL;;KACA;GACJ,oBAAC,QAAA,EAAA,UACC,oBAAC,YAAA;IAAS,IAAG;cACX,oBAAC,QAAA;KAAK,MAAK;KAAO,GAAE;MAAoB;KAC/B,EAAA,CACN;;GACH;;AAIV,IAAA,sBAAe"}
1	+ {"version":3,"file":"DoctorSmall.js","names":["DoctorSmall: React.FC<BaseSvgIllustrationProps>"],"sources":["../src/components/Illustrations/DoctorSmall.tsx"],"sourcesContent":["import type { Palette } from './Doctor';\nimport type { BaseSvgIllustrationProps } from '../Illustration';\n\nconst DoctorSmall: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n hair: '#00687F',\n shirt: '#00AEC7',\n };\n case 'cherry':\n return {\n hair: '#BA2025',\n shirt: '#F1593C',\n };\n default:\n return {\n hair: '#989693',\n shirt: '#D6D4D3',\n };\n }\n })();\n\n return (\n <svg {...svgProperties}>\n {title}\n <g clipPath=\"url(#Color=Blueberry, Size=Small__a)\">\n <path\n d=\"m83.57 54.35 1.077 5.542-3.489-1.694-1.334-3.283-.308-3.694 4.053 3.13Zm-.616-8.824 2.719 3.95 2.463-.462.82-1.436 2.207-5.798 1.129-2.668 4.925 2.668 3.848 1.283 4.926.975 4.617-.308 4.208-1.385 3.026-1.386.924-1.847v-2.155l-.924-3.642-1.59-2.874-2.257-3.54-2.36-3.027-3.438-3.13L104.965 19h-5.029l-3.848 1.026-4.617 1.95-3.335 1.898-3.13 1.129h-2.72l-2.462.82-1.95 1.9-1.436 2.718-1.283 4.002.257 3.387 2.462 4.515.719 2.873 1.898-1.488 2.463 1.796Z\"\n fill={palette.hair}\n data-testid=\"doctor-small\"\n />\n <path\n d=\"m84.006 75.403-2.998-2.363-.94 7.33v20.07L82 116.649l2.215 13.287 1.696 9.423 3.44 12.438h13.521l1.461-10.554.989-11.637.707-11.355.471-13.758.405-30.536-3.365 2.303-4.516 2.05c-1.182.226-3.625.678-3.94.678h-3.517l-2.655-.678-4.906-2.907Z\"\n fill={palette.shirt}\n />\n <path\n d=\"M71.582 74.903c3.643-2.65 8.28-4.554 10.143-5.175l-1.2 7.25-.41 5.373v9.75l.238 9.857.671 8.687.867 6.737 1.69 8.645.823 5.285 1.408 7.194 2.015 7.929 1.49 5.36h-10.44l14.943 10.392-2.632 3.108-1.871 3.52-1.173 3.867-.508 4.44-.253 3.71-4.63-1.427-6.31-2.568-6.818-3.773-8.244-5.708-6.691-5.422-5.676-5.677-4.63-5.866-1.965-2.885 1.014-15.221 2.442-22.768 1.078-7.293 2.06-7.864 1.872-4.978 1.966-1.903 4.597-3.266 4.508-3.1c1.69-.966 5.983-3.56 9.626-6.21Zm35.05 17.869.411-22.618 7.778 3.51 4.528 2.86 7.712 5.047 6.565 4.658 4.484 19.65 4.571 20.191 3.814 16.53.563 2.469-.196 2.579-1.473 4.592-3.249 9.078-2.275 5.112-3.315 5.091-2.08 1.69-2.383.326-2.036-.889 4.419-3.336v-1.062l-.628-3.249-1.04-2.492-1.624-2.144-1.712-1.538-2.729-1.322-2.666 2.86-3.444-.78.629-1.257 1.992-6.533H102.71l1.127-6.964.52-3.357.802-10.356.433-5.091.52-10.118.325-8.232.195-14.905Z\"\n fill=\"#fff\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M102.423 18.127c1.358-.043 2.788.07 3.918.554 2.059.883 4.095 2.383 7.06 5.735 3.006 3.4 5.287 8.001 5.909 10.754.293 1.296.499 2.536.289 3.696-.222 1.224-.882 2.254-2.082 3.187-1.163.902-2.558 1.64-4.229 2.15-.11 1.734-.376 5.097-.728 7.198-.478 2.844-1.512 6.176-2.174 8.057-.696 1.976-2.094 4.245-3.328 5.548a8.448 8.448 0 0 1-2.135 1.649c-.149 1.345.189 2.219.601 2.773.186.25.396.447.601.597a.924.924 0 0 1 1.187-.718c.502.157 1.433.587 2.531 1.13 1.128.559 2.507 1.274 3.948 2.041 2.88 1.534 6.03 3.287 7.937 4.422 1.929 1.148 4.717 3.101 7.067 4.788 1.082.777 2.077 1.502 2.863 2.075l.21.152a161.605 161.605 0 0 0 1.311.947l.093.065.031.02c.258.155.525.342.767.607a.925.925 0 0 1 .354.485c.189.326.324.7.421 1.135l10.385 45.784.004.019c.287 1.398.74 3.552 1.167 5.472.213.961.418 1.859.592 2.572.18.741.311 1.217.376 1.384.528 1.373.51 2.921.439 4.34-.043.819-.293 1.911-.565 2.915-.114.421-.236.839-.356 1.235h24.664a.926.926 0 1 1 0 1.853h-25.259c-.643 1.916-2.7 7.841-4.142 11.098-1.568 3.54-3.196 5.855-4.329 7.304-.606.776-1.421 1.543-2.178 2.13a10.69 10.69 0 0 1-.746.534.939.939 0 0 1-.173.107c-.065.04-.129.078-.192.114-.32.182-.713.37-1.09.416-.253.03-.558.014-.824-.011a15.2 15.2 0 0 1-.923-.122 29.547 29.547 0 0 1-1.698-.326.786.786 0 0 1-.098-.027c-1.43 1.058-5.3 3.524-9.931 4.591-4.841 1.114-8.666.303-10.863-.162a33.597 33.597 0 0 0-.491-.104c-1.67-.342-3.29-1.262-4.106-1.818-.645.504-1.259.96-1.712 1.275-.893.621-2.212 1.395-4.191 1.933-1.9.517-3.572.765-5.013.622-.932-.092-3.612-.499-5.26-.757-.018.494-.02.956-.012 1.392a.929.929 0 0 1-1.163.914c-1.54-.405-4.912-1.519-8.743-3.177-3.86-1.672-10.41-5.382-14.132-7.955-3.73-2.58-8.546-6.608-12.647-10.63-2.07-2.03-4.305-4.593-6.144-6.875-.188-.234-.372-.465-.552-.693a.99.99 0 0 1-.174.016H28.447a.927.927 0 0 1 0-1.853h15.08c-.886-1.193-1.56-2.188-1.885-2.798a.926.926 0 0 1-.108-.466c.079-2.401.471-10.169.982-15.749.51-5.561 2.077-20.42 3.138-27.222.538-3.446 1.462-6.888 2.287-9.536a72.474 72.474 0 0 1 1.11-3.299c.297-.81.54-1.412.654-1.627.345-.645 1.002-1.82 2.583-3.102.758-.614 4.721-3.42 8.63-6.15 3.91-2.732 7.88-5.468 8.657-5.939 1.495-.905 6.153-3.708 11.726-6.198a.927.927 0 0 1 1.25.53l.163-.06a6.83 6.83 0 0 0 .52-.22c.132-.063.18-.096.18-.096.152-.15.716-1.013.656-2.763-.01-.255-.013-.527-.017-.82-.015-1.022-.033-2.308-.28-4.14-.476-.24-1.481-.755-2.032-1.082-.842-.5-1.699-1.357-2.363-2.686-.175-.349-.314-.867-.43-1.383a31.374 31.374 0 0 1-.343-1.843 74.44 74.44 0 0 1-.482-3.64.922.922 0 0 1 .104-.534c-.211-.675-.45-1.548-.514-2.47a6.28 6.28 0 0 1 .053-1.407.924.924 0 0 1-.11-.527c-.001.009.002-.034-.007-.144a4.533 4.533 0 0 0-.057-.425c-.065-.36-.186-.86-.405-1.491-.265-.764-.827-1.91-1.4-3.08l-.024-.047a66.107 66.107 0 0 1-.794-1.66c-.222-.487-.424-.971-.52-1.346-.35-1.378-.212-2.98.432-5.28.684-2.444 2.365-4.567 2.829-5.124l.061-.074c.51-.62 2.203-2.682 5.071-2.682 1.21 0 1.91-.092 2.37-.19a6.412 6.412 0 0 0 .668-.182c.148-.047.322-.101.498-.143.064-.014.249-.082.586-.238a30.73 30.73 0 0 0 1.15-.574c.471-.244.956-.502 1.464-.772.497-.264 1.016-.54 1.564-.825 2.199-1.147 5.02-2.07 7.328-2.554 1.16-.243 2.572-.454 3.953-.499Zm-23.319 25.17a1.914 1.914 0 0 1 1.198-.498c.503-.026.975.137 1.371.347.784.415 1.555 1.162 2.211 1.926a19.98 19.98 0 0 1 1.762 2.42 14.42 14.42 0 0 1 .649 1.156c.723-.109 1.328-.42 1.745-1.193.267-.496.867-2.008 1.534-3.785.654-1.743 1.34-3.653 1.773-4.879a.927.927 0 0 1 1.245-.541c1.01.441 2.054.983 3.028 1.496l.259.136c.888.467 1.705.898 2.423 1.222 1.574.712 5.095 2.027 9.222 2.027 4.144 0 6.939-1.054 8.855-2.543.909-.705 1.27-1.357 1.395-2.053.138-.757.018-1.672-.272-2.956-.544-2.408-2.661-6.736-5.49-9.934-2.868-3.244-4.691-4.527-6.402-5.26-.755-.324-1.86-.446-3.128-.405-1.244.04-2.546.233-3.63.46-2.18.458-4.834 1.33-6.853 2.383-.49.256-1.021.538-1.536.811-.536.285-1.055.56-1.495.789-.452.235-.87.445-1.223.61-.33.152-.673.298-.945.362-.103.024-.2.054-.346.1-.032.01-.068.02-.106.033-.199.061-.44.133-.749.199-.618.132-1.454.23-2.757.23-1.973 0-3.164 1.435-3.667 2.04l-.041.05c-.434.521-1.895 2.392-2.468 4.436-.612 2.187-.652 3.412-.42 4.323.05.197.187.546.41 1.038.217.476.486 1.027.772 1.61l.064.13c.541 1.104 1.143 2.331 1.446 3.205.061.176.117.346.166.509Zm1.242 9.869c.029.193.058.385.089.575.102.639.212 1.24.322 1.732.117.521.217.835.28.96.518 1.037 1.14 1.617 1.65 1.92.185.11.435.247.701.39a56.028 56.028 0 0 0-.922-3.877 17.762 17.762 0 0 1-2.12-1.7Zm.14 17.846a108.167 108.167 0 0 0-8.724 4.636.924.924 0 0 1-.349.667l-.019.018a.948.948 0 0 0-.05.053 2.13 2.13 0 0 0-.155.204c-.123.18-.27.437-.42.782-.301.69-.61 1.715-.773 3.137-.058.515-.12 1.012-.18 1.502-.386 3.11-.74 5.975-.21 11.454.46 4.727 1.462 10.804 2.013 13.853a4.933 4.933 0 0 1 3.325 1.926c.86 1.124 1.243 2.533 1.243 3.764 0 1.402-.751 2.601-1.734 3.429-.984.828-2.285 1.363-3.582 1.411-2.659.097-4.988-1.933-5.224-4.763-.238-2.85 1.474-4.298 2.523-4.998.507-.337 1.082-.544 1.584-.665-.563-3.141-1.538-9.094-1.993-13.778-.55-5.687-.175-8.724.215-11.864.06-.488.121-.978.179-1.482.122-1.066.32-1.961.554-2.7a768.255 768.255 0 0 0-6.73 4.657c-3.949 2.758-7.833 5.51-8.523 6.07-1.316 1.067-1.833 2.006-2.115 2.535l-.013.028-.039.086c-.032.074-.073.172-.122.295-.098.245-.226.576-.374.983a70.646 70.646 0 0 0-1.082 3.213c-.81 2.597-1.706 5.945-2.225 9.27-1.052 6.741-2.615 21.55-3.124 27.105-.49 5.349-.87 12.749-.966 15.384.538.92 1.849 2.728 3.539 4.826 1.811 2.249 3.998 4.754 5.998 6.716 4.04 3.962 8.776 7.919 12.404 10.428 3.636 2.514 10.08 6.162 13.814 7.778 2.959 1.281 5.62 2.223 7.32 2.75.05-1.933.306-4.287.955-7.336.41-1.928 1.175-4.027 2.195-5.909.793-1.463 1.762-2.836 2.874-3.895a3725.869 3725.869 0 0 0-14.159-9.884l-8.772-6.1-2.817-1.957-1.056-.733s-.001-.001.527-.762l-.528.761a.927.927 0 0 1-.39-.641c-.51-3.902-1.699-12.847-2.386-17.44-.856-5.721-2.65-14.341-3.7-18.502-1.064-4.216-2.834-10.672-5.472-14.667a.927.927 0 1 1 1.547-1.022c2.841 4.302 4.672 11.075 5.722 15.236 1.064 4.215 2.87 12.895 3.736 18.68.668 4.459 1.803 12.981 2.337 17.067l.72.501c.676.469 1.645 1.141 2.818 1.957l8.534 5.934a.919.919 0 0 1 .448-.115h8.468c-.85-2.888-2.247-7.909-3.03-11.711-.734-3.567-1.572-8.269-2.466-13.284-.475-2.665-.965-5.419-1.465-8.136-1.454-7.918-2.1-19.284-2.019-22.475.023-.866.02-2.252.017-3.906-.003-1.312-.006-2.794.003-4.321.02-3.406.1-7.03.389-9.261.32-2.468.704-5.019.984-6.789Zm8.81 81.736h32.711l-1.819 5.733-2.364-.54-.032-.006-.99-.189c-1.921-1.011-4.159-2.218-5.201-2.864-1.973-1.223-3.876-.522-4.64.043l-.004.002c-.682.509-2.77 2.13-5.753 4.61-3.66 3.043-5.393 3.75-6.375 4.054a5.77 5.77 0 0 1-.895.185c.204-.186.41-.355.62-.507a.926.926 0 0 0-.006-1.502c-1.478-1.061-7.097-4.982-12.895-9.019h7.642Zm2.971 12.959a16.96 16.96 0 0 0-1.016 1.653 20.787 20.787 0 0 0-2.012 5.411c-.407 1.913-.65 3.526-.785 4.917 1.64.258 4.417.68 5.32.769 1.117.11 2.537-.075 4.344-.566 1.73-.47 2.857-1.135 3.62-1.666.8-.556 2.179-1.617 3.274-2.553 1.216-1.04 2.575-1.67 3.694-1.783 1.025-.106 2.583.101 3.495.291.971.201 2.601.638 3.788 1.1.536.21.882.309 1.186.322.274.013.578-.042 1.015-.275.271-.145.53-.423.745-.793.214-.367.34-.747.386-.988.027-.141.066-.331.113-.565.217-1.065.625-3.063.975-5.725.126-.965-.182-2.04-.7-2.974a6.273 6.273 0 0 0-.825-1.16c-.29-.316-.523-.483-.647-.541l-.034-.016c-.556-.286-1.312-.678-2.141-1.114-1.933-1.016-4.307-2.292-5.438-2.993-1.157-.718-2.227-.288-2.561-.043-.65.484-2.71 2.083-5.674 4.547-3.776 3.14-5.722 4-7.01 4.4-1.054.327-2.446.368-2.999.355a1.035 1.035 0 0 1-.113-.01Zm28.512-5.189c1.13.063 3.094.707 3.094.707.307.07.628-.02.854-.24l2.45-2.387c.233.083.454.187.662.316 2.678 1.658 3.916 3.076 4.615 5.078.073.205.141.399.209.586.32.893.586 1.636.752 2.67.064.393.113.832.142 1.336a1248.942 1248.942 0 0 0-4.436 3.64c-.771.64-4.747 3.415-9.569 4.525-4.432 1.02-7.903.287-10.077-.172a52.162 52.162 0 0 0-.489-.103c-1.09-.224-2.21-.78-2.96-1.232.065-.053.128-.107.191-.161 1.015-.867 2.032-1.282 2.677-1.347.738-.076 2.072.083 2.93.261.901.187 2.427.597 3.491 1.013.564.22 1.149.419 1.778.447.66.029 1.294-.131 1.971-.494.679-.362 1.157-.951 1.474-1.494.253-.436.433-.892.539-1.287.987-5.94 2.283-8.521-.298-11.662Zm14.654 8.621a.926.926 0 0 0-.01-.344 15.658 15.658 0 0 0-.176-1.842c-.197-1.217-.527-2.134-.852-3.036l-.19-.536c-.885-2.534-2.49-4.247-5.391-6.044-1.364-.845-2.967-.943-4.324-.786-.668.078-1.305.221-1.869.389l3.543-11.166a.851.851 0 0 0 .035-.153l7.619-54.596 9.602 42.334c.289 1.405.743 3.563 1.171 5.492.214.966.422 1.878.601 2.609.171.705.33 1.309.447 1.61.371.968.389 2.155.316 3.58-.03.602-.23 1.526-.501 2.524-.266.977-.58 1.953-.803 2.633-.45 1.368-2.687 7.879-4.197 11.288-1.491 3.371-3.031 5.555-4.093 6.913-.27.346-.603.702-.958 1.039.035-.706.044-1.337.03-1.908Zm-1.883 1.847-1.787 1.464a13.026 13.026 0 0 0 1.027.144c.251.023.385.022.428.016l.003-.001c.017-.004.088-.027.221-.093.049-.554.085-1.063.108-1.53Zm-.997-84.314a2.163 2.163 0 0 0-.204-.136c-.18-.108-.781-.545-1.555-1.109l-.225-.165c-.787-.573-1.778-1.295-2.855-2.068-2.356-1.692-5.084-3.6-6.934-4.7a133.38 133.38 0 0 0-2.615-1.507c.073.234.144.486.212.757.404 1.605.732 3.9.795 7.064 1.142 1.033 3.235 3.356 4.882 6.574 2.244 4.382 3.301 8.112 3.577 9.649.134.759.382 2.616.512 4.776.13 2.151.148 4.672-.203 6.728a.928.928 0 0 1-.915.771h-1.487a.927.927 0 1 1 0-1.855h.684c.201-1.701.181-3.709.071-5.532-.126-2.099-.366-3.884-.488-4.562-.238-1.336-1.232-4.892-3.401-9.13-1.339-2.615-2.986-4.575-4.033-5.622-.588.8-1.129 1.658-1.607 2.78-.642 1.508-1.19 3.536-1.542 6.58-.643 5.564-.112 11.583.261 15.806l.028.309h1.663a.928.928 0 0 1 0 1.855h-2.513a.927.927 0 0 1-.923-.848l-.103-1.161c-.372-4.203-.921-10.41-.254-16.175.366-3.165.947-5.376 1.678-7.091.675-1.588 1.464-2.713 2.261-3.737-.057-3.1-.376-5.276-.741-6.727-.189-.75-.388-1.296-.564-1.67a3.11 3.11 0 0 0-.227-.418c-.066-.1-.103-.133-.1-.13a.917.917 0 0 1-.298-.53c-.821-.449-1.656-.9-2.47-1.333a154.164 154.164 0 0 0-3.899-2.016 51.58 51.58 0 0 0-1.101-.53c-.062 2.788-.147 9.399-.227 16.084l-.086 7.36c-.062 5.332-.111 9.606-.13 10.333-.054 2.073-.648 16.813-.866 19.681l-.054.714c-.284 3.758-1.103 14.63-1.645 18.354a358.947 358.947 0 0 1-1.063 6.8h18.745l1.779-5.607 8.18-58.616Zm-30.583 64.223H90.006c-.818-2.745-2.33-8.115-3.148-12.085-.73-3.544-1.56-8.202-2.45-13.198-.476-2.671-.97-5.438-1.473-8.184-1.432-7.792-2.068-19.03-1.99-22.091.024-.884.02-2.318.018-4.006-.003-1.313-.005-2.779.003-4.258.02-3.427.101-6.936.373-9.034.131-1.011.274-2.038.415-3.018a22.318 22.318 0 0 0 3.99 2.764c2.286 1.24 5.133 2.258 8.208 2.248 5.02-.016 9.539-2.439 12.041-4.275-.049 3.276-.102 7.58-.154 11.873l-.086 7.41c-.062 5.307-.111 9.544-.129 10.257-.054 2.067-.648 16.769-.862 19.589l-.053.708c-.285 3.775-1.1 14.582-1.632 18.233a362.431 362.431 0 0 1-1.107 7.067Zm4.062-77.552.023-1.262a4.57 4.57 0 0 1-2.019-1.547c-.583-.785-.983-1.83-1.002-3.155-.41.1-.842.174-1.297.215-2.239.206-4.43-.283-5.733-.768-1.226-.456-3.22-1.25-4.95-2.934-.816-.795-1.656-1.71-2.349-2.646-.682-.922-1.272-1.93-1.517-2.907a.927.927 0 0 1 1.799-.45c.157.63.581 1.407 1.209 2.254.616.834 1.383 1.673 2.151 2.42 1.439 1.4 3.122 2.086 4.304 2.526 1.105.411 3.014.834 4.916.66 1.818-.168 3.138-.955 4.145-2.018 1.047-1.106 2.312-3.147 2.925-4.89.648-1.837 1.642-5.055 2.094-7.747.303-1.8.543-4.633.668-6.436a21.708 21.708 0 0 1-3.875.327c-4.49 0-8.284-1.422-9.986-2.191-.772-.35-1.64-.807-2.514-1.267l-.267-.14a65.353 65.353 0 0 0-2.002-1.021 274.356 274.356 0 0 1-1.445 3.955c-.647 1.723-1.297 3.38-1.639 4.014-.994 1.842-2.67 2.19-3.961 2.214a.927.927 0 0 1-.919-.706l-.003-.01a1.885 1.885 0 0 0-.05-.132 4.925 4.925 0 0 0-.149-.32 12.606 12.606 0 0 0-.519-.912 18.063 18.063 0 0 0-1.592-2.188c-.613-.715-1.202-1.248-1.672-1.497-.231-.122-.361-.136-.408-.134h-.004c-.01 0-.03 0-.082.059-.644.745-.814 1.625-.75 2.552.064.907.345 1.775.582 2.508l.035.107c.165.512.63 1.151 1.332 1.838.683.667 1.51 1.299 2.27 1.803.185.124.32.31.38.524 1.672 6.011 1.716 9.093 1.745 11.076.004.29.008.559.016.808.074 2.124-.598 3.595-1.266 4.205-.188.17-.433.3-.615.388-.206.1-.44.196-.668.282-.359.137-.736.263-1.033.355a280.51 280.51 0 0 0-.253 1.624c.837.886 2.451 2.243 4.54 3.376 2.111 1.146 4.65 2.032 7.319 2.024 5.428-.017 10.332-3.232 12.077-4.828l.009-.008Zm16.352 85.639a9.523 9.523 0 0 1 2.32-.59l.03-.003-.94.916-1.41-.323ZM70.853 109.12c-.32.014-1.11.146-1.655.51-.83.553-1.858 1.453-1.704 3.3.156 1.867 1.662 3.125 3.31 3.065.854-.031 1.765-.396 2.454-.976.69-.581 1.075-1.301 1.075-2.011 0-.883-.283-1.881-.861-2.637-.554-.723-1.39-1.246-2.62-1.251Zm38.112-61.187c-1.838-.932-3.675-.065-4.354.5a.928.928 0 0 1-1.185-1.427c.982-.815 3.619-2.126 6.378-.726a.927.927 0 1 1-.839 1.653Zm-14.027.746c-.863.183-1.58.57-1.945.84a.927.927 0 1 1-1.106-1.487c.564-.419 1.523-.924 2.666-1.166 1.153-.245 2.551-.233 3.913.474a.927.927 0 0 1-.854 1.646c-.886-.46-1.823-.487-2.674-.307Zm7.419 1.647a.927.927 0 0 1 1.02.824l.549 5.176a.927.927 0 0 1-.763 1.011l-3.529.613a.927.927 0 0 1-.317-1.826l2.674-.465-.458-4.313a.927.927 0 0 1 .824-1.02Z\"\n fill=\"#000\"\n />\n <path\n d=\"M96.789 49.243a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Zm11.564-.984a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Z\"\n fill=\"#000\"\n />\n </g>\n <defs>\n <clipPath id=\"Color=Blueberry, Size=Small__a\">\n <path fill=\"#fff\" d=\"M0 0h200v200H0z\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nexport default DoctorSmall;\n"],"mappings":";AAGA,IAAMA,eAAmD,EAAE,OAAO,eAAe,YAAY;CAC3F,MAAM,iBAA0B;AAC9B,UAAQ,OAAR;GACE,KAAK,YACH,QAAO;IACL,MAAM;IACN,OAAO;IACR;GACH,KAAK,SACH,QAAO;IACL,MAAM;IACN,OAAO;IACR;GACH,QACE,QAAO;IACL,MAAM;IACN,OAAO;IACR;;KAEH;AAEJ,QACE,qBAAC,OAAA;EAAI,GAAI;;GACN;GACD,qBAAC,KAAA;IAAE,UAAS;;KACV,oBAAC,QAAA;MACC,GAAE;MACF,MAAM,QAAQ;MACd,eAAY;OACZ;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAM,QAAQ;OACd;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAK;OACL;KACF,oBAAC,QAAA;MACC,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;OACL;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAK;OACL;;KACA;GACJ,oBAAC,QAAA,EAAA,UACC,oBAAC,YAAA;IAAS,IAAG;cACX,oBAAC,QAAA;KAAK,MAAK;KAAO,GAAE;MAAoB;KAC/B,EAAA,CACN;;GACH;;AAIV,IAAA,sBAAe"}

package/lib/Drawer.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { n as uuid_default } from "./uuid.js";
 import { c as ZIndex, n as AnalyticsId, o as KeyboardEventKey, s as LanguageLocales } from "./constants2.js";
-import { r as useLanguage } from "./language.js";
+import { n as useLanguage } from "./useLanguage.js";
 import { t as useIsMobileBreakpoint } from "./useIsMobileBreakpoint.js";
 import { t as Button_default } from "./Button.js";
 import { n as getAriaLabelAttributes } from "./accessibility.js";
@@ -12,8 +12,8 @@ import { t as Close_default } from "./Close.js";
 import { t as useReturnFocusOnUnmount } from "./useReturnFocusOnUnmount.js";
 import { n as enableBodyScroll, t as disableBodyScroll } from "./scroll.js";
 import { t as Title_default } from "./Title2.js";
-import React, { useEffect, useRef } from "react";
 import classNames from "classnames";
+import React, { useEffect, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, useAnimate, usePresence } from "motion/react";
 import styles from "./components/Drawer/styles.module.scss";
@@ -35,7 +35,7 @@ var Drawer = (props) => {
 	}) });
 };
 var InnerDrawer = (props) => {
-	const { ariaLabel, ariaLabelledBy, ariaLabelCloseBtn: ariaLabelCloseBtn$2, children, closeColor = "blueberry", desktopDirection = "left", footerContent, headerClasses, noCloseButton = false, onPrimaryAction, onRequestClose, onSecondaryAction, primaryActionText, secondaryActionText, title, titleHtmlMarkup = "h3", titleId = uuid_default(), zIndex = ZIndex.OverlayScreen, resources, isMobile } = props;
+	const { ariaLabel, ariaLabelledBy, children, closeColor = "blueberry", desktopDirection = "left", footerContent, headerClasses, noCloseButton = false, onPrimaryAction, onRequestClose, onSecondaryAction, primaryActionText, secondaryActionText, title, titleHtmlMarkup = "h3", titleId = uuid_default(), zIndex = ZIndex.OverlayScreen, resources, isMobile } = props;
 	const ariaLabelAttributes = getAriaLabelAttributes({
 		label: ariaLabel,
 		id: ariaLabelledBy,
@@ -55,11 +55,9 @@ var InnerDrawer = (props) => {
 	const topContentVisible = useIsVisible(topContent);
 	const bottomContentVisible = useIsVisible(bottomContent, 0);
 	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
-	const defaultResources = getResources(language);
 	const mergedResources = {
-		...defaultResources,
-		...resources,
-		ariaLabelCloseBtn: ariaLabelCloseBtn$2 || resources?.ariaLabelCloseBtn || defaultResources.ariaLabelCloseBtn
+		...getResources(language),
+		...resources
 	};
 	const contentIsScrollable = contentRef.current && contentRef.current.scrollHeight > contentRef.current.clientHeight;
 	const headerStyling = classNames(styles.drawer__header, headerClasses, { [styles["drawer__header--no-close-button"]]: noCloseButton });

package/lib/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","names":["Drawer: React.FC<DrawerProps>","InnerDrawer: React.FC<InnerDrawerProps>","mergedResources: HNDesignsystemDrawer"],"sources":["../src/resources/HN.Designsystem.Drawer.en-GB.json","../src/resources/HN.Designsystem.Drawer.nb-NO.json","../src/components/Drawer/resourceHelper.ts","../src/components/Drawer/Drawer.tsx","../src/components/Drawer/index.ts"],"sourcesContent":["{\n \"ariaLabelCloseBtn\": \"Close\"\n}\n","{\n \"ariaLabelCloseBtn\": \"Lukk\"\n}\n","import { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Drawer.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Drawer.nb-NO.json';\nimport { HNDesignsystemDrawer } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemDrawer => {\n switch (language) {\n case LanguageLocales.ENGLISH:\n return enGB;\n case LanguageLocales.NORWEGIAN:\n default:\n return nbNO;\n }\n};\n","import React, { useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { AnimatePresence, useAnimate, usePresence } from 'motion/react';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, KeyboardEventKey, LanguageLocales, ZIndex } from '../../constants';\nimport useFocusTrap from '../../hooks/useFocusTrap';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { useIsVisible } from '../../hooks/useIsVisible';\nimport { useKeyboardEvent } from '../../hooks/useKeyboardEvent';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { useReturnFocusOnUnmount } from '../../hooks/useReturnFocusOnUnmount';\nimport { HNDesignsystemDrawer } from '../../resources/Resources';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { useLanguage } from '../../utils/language';\nimport { disableBodyScroll, enableBodyScroll } from '../../utils/scroll';\nimport uuid from '../../utils/uuid';\nimport Button from '../Button';\nimport Close from '../Close';\nimport Title, { TitleTags } from '../Title';\n\nimport styles from './styles.module.scss';\n\ntype DesktopDirections = 'left' \| 'right';\n\nexport interface DrawerProps extends InnerDrawerProps {\n /** Opens and closes the drawer /\n isOpen: boolean;\n}\n\nexport interface InnerDrawerProps {\n /* Sets the aria-label of the drawer /\n ariaLabel?: string;\n /* Sets the aria-labelledby of the drawer /\n ariaLabelledBy?: string;\n /* @deprecated Close button aria-label /\n ariaLabelCloseBtn?: string;\n /* Sets the style of the Drawer Close button. Meant for use by HelpDrawer /\n closeColor?: 'blueberry' \| 'plum';\n /* Direction of the drawer on desktop. Default: left /\n desktopDirection?: DesktopDirections;\n /* Sets the style of the Drawer header /\n headerClasses?: string;\n /* Title to display in the header of the drawer /\n title: string;\n /* id of the drawer title /\n titleId?: string;\n /* Changes the underlying element of the title. Default: h3 /\n titleHtmlMarkup?: TitleTags;\n /* Callback that triggers when clicking on close button or outside the drawer, update isOpen state when this triggers /\n onRequestClose?: () => void;\n /* Optional footer content that can be rendered instead of default CTA(s) /\n footerContent?: React.ReactNode;\n /* Main content of the drawer /\n children?: React.ReactNode;\n /* Hides the close button /\n noCloseButton?: boolean;\n /* Primary CTA callback /\n onPrimaryAction?: () => void;\n /* Text for primary CTA button if you want a default CTA button rendered (instead of `footerContent`) /\n primaryActionText?: string;\n /* Text for secondary CTA button if you want a default CTA button rendered (instead of `footerContent`) /\n secondaryActionText?: string;\n /* Secondary CTA callback /\n onSecondaryAction?: () => void;\n /* Customize the z-index of the drawer /\n zIndex?: number;\n /* Resources for component /\n resources?: Partial<HNDesignsystemDrawer>;\n /* Sets mobile styling and animation from outer level Drawer /\n isMobile?: boolean;\n}\n\nconst Drawer: React.FC<DrawerProps> = props => {\n const { isOpen, ...rest } = props;\n const isMobile = useIsMobileBreakpoint();\n\n return <AnimatePresence>{isOpen && <InnerDrawer {...rest} isMobile={isMobile} />}</AnimatePresence>;\n};\n\nconst InnerDrawer: React.FC<InnerDrawerProps> = props => {\n const {\n ariaLabel,\n ariaLabelledBy,\n ariaLabelCloseBtn,\n children,\n closeColor = 'blueberry',\n desktopDirection = 'left',\n footerContent,\n headerClasses,\n noCloseButton = false,\n onPrimaryAction,\n onRequestClose,\n onSecondaryAction,\n primaryActionText,\n secondaryActionText,\n title,\n titleHtmlMarkup = 'h3',\n titleId = uuid(),\n zIndex = ZIndex.OverlayScreen,\n resources,\n isMobile,\n } = props;\n\n const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledBy, fallbackId: titleId });\n const overlayRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n // topContent and bottomContent are used to detect scroll position for shadow effects\n const topContent = useRef<HTMLDivElement>(null);\n const bottomContent = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const footerRef = useRef<HTMLDivElement>(null);\n const [scope, animate] = useAnimate();\n const [isPresent, safeToRemove] = usePresence();\n const [headerHeight, setHeaderHeight] = React.useState(0);\n const [footerHeight, setFooterHeight] = React.useState(0);\n const topContentVisible = useIsVisible(topContent);\n const bottomContentVisible = useIsVisible(bottomContent, 0);\n const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n const defaultResources = getResources(language);\n\n const mergedResources: HNDesignsystemDrawer = {\n ...defaultResources,\n ...resources,\n ariaLabelCloseBtn: ariaLabelCloseBtn \|\| resources?.ariaLabelCloseBtn \|\| defaultResources.ariaLabelCloseBtn,\n };\n\n const contentIsScrollable = contentRef.current && contentRef.current.scrollHeight > contentRef.current.clientHeight;\n const headerStyling = classNames(styles.drawer__header, headerClasses, {\n [styles['drawer__header--no-close-button']]: noCloseButton,\n });\n const hasFooterContent = (typeof footerContent !== 'undefined' && footerContent) \|\| onPrimaryAction \|\| onSecondaryAction;\n\n useFocusTrap(containerRef, true);\n useReturnFocusOnUnmount(containerRef);\n useOutsideEvent(containerRef, () => {\n if (onRequestClose) onRequestClose();\n });\n useKeyboardEvent(containerRef, () => onRequestClose && onRequestClose(), [KeyboardEventKey.Escape]);\n\n useEffect(() => {\n containerRef.current?.focus();\n disableBodyScroll();\n\n return (): void => {\n enableBodyScroll();\n };\n }, []);\n\n // Measure header and footer heights\n useEffect(() => {\n const updateHeights = (): void => {\n if (headerRef.current) {\n setHeaderHeight(headerRef.current.offsetHeight);\n }\n if (footerRef.current) {\n setFooterHeight(footerRef.current.offsetHeight);\n }\n };\n\n updateHeights();\n\n // Update heights when content changes\n const resizeObserver = new ResizeObserver(updateHeights);\n if (headerRef.current) {\n resizeObserver.observe(headerRef.current);\n }\n if (footerRef.current) {\n resizeObserver.observe(footerRef.current);\n }\n\n return (): void => {\n resizeObserver.disconnect();\n };\n }, [hasFooterContent]);\n\n // Open animation.\n useEffect(() => {\n if (!overlayRef.current \|\| !containerRef.current) return;\n\n if (!isPresent) {\n closeDrawer();\n return;\n }\n\n if (isMobile) {\n animate(containerRef.current, { y: '0' }, { duration: 0.3, ease: 'easeInOut' });\n } else {\n animate(containerRef.current, { x: '0' }, { duration: 0.3, ease: 'easeInOut' });\n }\n\n animate(overlayRef.current, { opacity: 1, pointerEvents: 'auto' }, { duration: 0.3, ease: 'easeInOut' });\n }, [isPresent]);\n\n // Close animasjon, vi kaller `onClose()` til slutt\n const closeDrawer = (): void => {\n if (!overlayRef.current \|\| !containerRef.current) return;\n\n animate(overlayRef.current, { opacity: 0, pointerEvents: 'none' }, { duration: 0.3, ease: 'easeInOut' });\n\n if (isMobile) {\n animate(\n containerRef.current,\n { y: '100%' },\n {\n duration: 0.3,\n ease: 'easeInOut',\n onComplete: () => {\n if (safeToRemove) safeToRemove();\n },\n }\n );\n } else {\n animate(\n containerRef.current,\n { x: desktopDirection === 'left' ? '-100%' : '100%' },\n {\n duration: 0.3,\n ease: 'easeInOut',\n onComplete: () => {\n if (safeToRemove) safeToRemove();\n },\n }\n );\n }\n };\n\n const handleCTA = (callback?: () => void): void => {\n if (callback) {\n callback();\n }\n };\n\n return (\n <div className={styles.drawer} ref={scope} style={{ zIndex }} data-analyticsid={AnalyticsId.Drawer}>\n <div className={styles.drawer__overlay} ref={overlayRef} aria-hidden=\"true\" />\n <div\n className={classNames(styles.drawer__container, {\n [styles['drawer__container--right']]: desktopDirection === 'right',\n })}\n ref={containerRef}\n role=\"dialog\"\n aria-modal=\"true\"\n tabIndex={-1}\n {...ariaLabelAttributes}\n >\n <div className={styles.drawer__container__inner}>\n <div className={headerStyling} ref={headerRef}>\n <Title id={ariaLabelAttributes?.['aria-labelledby']} htmlMarkup={titleHtmlMarkup} appearance=\"title3\">\n {title}\n </Title>\n {!noCloseButton && onRequestClose != undefined && (\n <Close\n ariaLabel={mergedResources.ariaLabelCloseBtn}\n color={closeColor}\n onClick={onRequestClose}\n className={styles['drawer__header__close-button']}\n />\n )}\n </div>\n <div\n className={classNames(styles['drawer__content__shadow'], styles['drawer__content__shadow--top'])}\n style={{\n opacity: !topContentVisible && contentIsScrollable ? 1 : 0,\n top: headerHeight,\n }}\n />\n <div\n className={styles.drawer__content}\n tabIndex={contentIsScrollable ? 0 : undefined}\n role={contentIsScrollable ? 'region' : undefined}\n {...(contentIsScrollable ? ariaLabelAttributes : {})}\n ref={contentRef}\n >\n <div ref={topContent} />\n <div className={styles['drawer__content__children']}>{children}</div>\n <div ref={bottomContent} style={{ height: '1px' }} />\n </div>\n <div\n className={classNames(styles['drawer__content__shadow'], styles['drawer__content__shadow--bottom'])}\n style={{\n opacity: !bottomContentVisible && contentIsScrollable ? 1 : 0,\n bottom: hasFooterContent ? footerHeight : 0,\n }}\n />\n </div>\n {hasFooterContent && (\n <div className={styles.drawer__footer} ref={footerRef}>\n {footerContent ? (\n footerContent\n ) : (\n <>\n {onPrimaryAction && <Button onClick={() => handleCTA(onPrimaryAction)}>{primaryActionText}</Button>}\n {onSecondaryAction && (\n <Button variant=\"borderless\" onClick={() => handleCTA(onSecondaryAction)}>\n {secondaryActionText}\n </Button>\n )}\n </>\n )}\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default Drawer;\n","import Drawer from './Drawer';\nexport from './Drawer';\nexport default Drawer;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Drawer.js","names":["Drawer: React.FC<DrawerProps>","InnerDrawer: React.FC<InnerDrawerProps>","mergedResources: HNDesignsystemDrawer"],"sources":["../src/resources/HN.Designsystem.Drawer.en-GB.json","../src/resources/HN.Designsystem.Drawer.nb-NO.json","../src/components/Drawer/resourceHelper.ts","../src/components/Drawer/Drawer.tsx","../src/components/Drawer/index.ts"],"sourcesContent":["{\n \"ariaLabelCloseBtn\": \"Close\"\n}\n","{\n \"ariaLabelCloseBtn\": \"Lukk\"\n}\n","import type { HNDesignsystemDrawer } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Drawer.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Drawer.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemDrawer => {\n switch (language) {\n case LanguageLocales.ENGLISH:\n return enGB;\n case LanguageLocales.NORWEGIAN:\n default:\n return nbNO;\n }\n};\n","import React, { useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { AnimatePresence, useAnimate, usePresence } from 'motion/react';\n\nimport type { HNDesignsystemDrawer } from '../../resources/Resources';\nimport type { TitleTags } from '../Title';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, KeyboardEventKey, LanguageLocales, ZIndex } from '../../constants';\nimport useFocusTrap from '../../hooks/useFocusTrap';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { useIsVisible } from '../../hooks/useIsVisible';\nimport { useKeyboardEvent } from '../../hooks/useKeyboardEvent';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { useReturnFocusOnUnmount } from '../../hooks/useReturnFocusOnUnmount';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { disableBodyScroll, enableBodyScroll } from '../../utils/scroll';\nimport uuid from '../../utils/uuid';\nimport Button from '../Button';\nimport Close from '../Close';\nimport Title from '../Title';\n\nimport styles from './styles.module.scss';\n\ntype DesktopDirections = 'left' \| 'right';\n\nexport interface DrawerProps extends InnerDrawerProps {\n /** Opens and closes the drawer /\n isOpen: boolean;\n}\n\nexport interface InnerDrawerProps {\n /* Sets the aria-label of the drawer /\n ariaLabel?: string;\n /* Sets the aria-labelledby of the drawer /\n ariaLabelledBy?: string;\n /* Sets the style of the Drawer Close button. Meant for use by HelpDrawer /\n closeColor?: 'blueberry' \| 'plum';\n /* Direction of the drawer on desktop. Default: left /\n desktopDirection?: DesktopDirections;\n /* Sets the style of the Drawer header /\n headerClasses?: string;\n /* Title to display in the header of the drawer /\n title: string;\n /* id of the drawer title /\n titleId?: string;\n /* Changes the underlying element of the title. Default: h3 /\n titleHtmlMarkup?: TitleTags;\n /* Callback that triggers when clicking on close button or outside the drawer, update isOpen state when this triggers /\n onRequestClose?: () => void;\n /* Optional footer content that can be rendered instead of default CTA(s) /\n footerContent?: React.ReactNode;\n /* Main content of the drawer /\n children?: React.ReactNode;\n /* Hides the close button /\n noCloseButton?: boolean;\n /* Primary CTA callback /\n onPrimaryAction?: () => void;\n /* Text for primary CTA button if you want a default CTA button rendered (instead of `footerContent`) /\n primaryActionText?: string;\n /* Text for secondary CTA button if you want a default CTA button rendered (instead of `footerContent`) /\n secondaryActionText?: string;\n /* Secondary CTA callback /\n onSecondaryAction?: () => void;\n /* Customize the z-index of the drawer /\n zIndex?: number;\n /* Resources for component /\n resources?: Partial<HNDesignsystemDrawer>;\n /* Sets mobile styling and animation from outer level Drawer /\n isMobile?: boolean;\n}\n\nconst Drawer: React.FC<DrawerProps> = props => {\n const { isOpen, ...rest } = props;\n const isMobile = useIsMobileBreakpoint();\n\n return <AnimatePresence>{isOpen && <InnerDrawer {...rest} isMobile={isMobile} />}</AnimatePresence>;\n};\n\nconst InnerDrawer: React.FC<InnerDrawerProps> = props => {\n const {\n ariaLabel,\n ariaLabelledBy,\n children,\n closeColor = 'blueberry',\n desktopDirection = 'left',\n footerContent,\n headerClasses,\n noCloseButton = false,\n onPrimaryAction,\n onRequestClose,\n onSecondaryAction,\n primaryActionText,\n secondaryActionText,\n title,\n titleHtmlMarkup = 'h3',\n titleId = uuid(),\n zIndex = ZIndex.OverlayScreen,\n resources,\n isMobile,\n } = props;\n\n const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledBy, fallbackId: titleId });\n const overlayRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n // topContent and bottomContent are used to detect scroll position for shadow effects\n const topContent = useRef<HTMLDivElement>(null);\n const bottomContent = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const footerRef = useRef<HTMLDivElement>(null);\n const [scope, animate] = useAnimate();\n const [isPresent, safeToRemove] = usePresence();\n const [headerHeight, setHeaderHeight] = React.useState(0);\n const [footerHeight, setFooterHeight] = React.useState(0);\n const topContentVisible = useIsVisible(topContent);\n const bottomContentVisible = useIsVisible(bottomContent, 0);\n const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n const defaultResources = getResources(language);\n\n const mergedResources: HNDesignsystemDrawer = {\n ...defaultResources,\n ...resources,\n };\n\n const contentIsScrollable = contentRef.current && contentRef.current.scrollHeight > contentRef.current.clientHeight;\n const headerStyling = classNames(styles.drawer__header, headerClasses, {\n [styles['drawer__header--no-close-button']]: noCloseButton,\n });\n const hasFooterContent = (typeof footerContent !== 'undefined' && footerContent) \|\| onPrimaryAction \|\| onSecondaryAction;\n\n useFocusTrap(containerRef, true);\n useReturnFocusOnUnmount(containerRef);\n useOutsideEvent(containerRef, () => {\n if (onRequestClose) onRequestClose();\n });\n useKeyboardEvent(containerRef, () => onRequestClose && onRequestClose(), [KeyboardEventKey.Escape]);\n\n useEffect(() => {\n containerRef.current?.focus();\n disableBodyScroll();\n\n return (): void => {\n enableBodyScroll();\n };\n }, []);\n\n // Measure header and footer heights\n useEffect(() => {\n const updateHeights = (): void => {\n if (headerRef.current) {\n setHeaderHeight(headerRef.current.offsetHeight);\n }\n if (footerRef.current) {\n setFooterHeight(footerRef.current.offsetHeight);\n }\n };\n\n updateHeights();\n\n // Update heights when content changes\n const resizeObserver = new ResizeObserver(updateHeights);\n if (headerRef.current) {\n resizeObserver.observe(headerRef.current);\n }\n if (footerRef.current) {\n resizeObserver.observe(footerRef.current);\n }\n\n return (): void => {\n resizeObserver.disconnect();\n };\n }, [hasFooterContent]);\n\n // Open animation.\n useEffect(() => {\n if (!overlayRef.current \|\| !containerRef.current) return;\n\n if (!isPresent) {\n closeDrawer();\n return;\n }\n\n if (isMobile) {\n animate(containerRef.current, { y: '0' }, { duration: 0.3, ease: 'easeInOut' });\n } else {\n animate(containerRef.current, { x: '0' }, { duration: 0.3, ease: 'easeInOut' });\n }\n\n animate(overlayRef.current, { opacity: 1, pointerEvents: 'auto' }, { duration: 0.3, ease: 'easeInOut' });\n }, [isPresent]);\n\n // Close animasjon, vi kaller `onClose()` til slutt\n const closeDrawer = (): void => {\n if (!overlayRef.current \|\| !containerRef.current) return;\n\n animate(overlayRef.current, { opacity: 0, pointerEvents: 'none' }, { duration: 0.3, ease: 'easeInOut' });\n\n if (isMobile) {\n animate(\n containerRef.current,\n { y: '100%' },\n {\n duration: 0.3,\n ease: 'easeInOut',\n onComplete: () => {\n if (safeToRemove) safeToRemove();\n },\n }\n );\n } else {\n animate(\n containerRef.current,\n { x: desktopDirection === 'left' ? '-100%' : '100%' },\n {\n duration: 0.3,\n ease: 'easeInOut',\n onComplete: () => {\n if (safeToRemove) safeToRemove();\n },\n }\n );\n }\n };\n\n const handleCTA = (callback?: () => void): void => {\n if (callback) {\n callback();\n }\n };\n\n return (\n <div className={styles.drawer} ref={scope} style={{ zIndex }} data-analyticsid={AnalyticsId.Drawer}>\n <div className={styles.drawer__overlay} ref={overlayRef} aria-hidden=\"true\" />\n <div\n className={classNames(styles.drawer__container, {\n [styles['drawer__container--right']]: desktopDirection === 'right',\n })}\n ref={containerRef}\n role=\"dialog\"\n aria-modal=\"true\"\n tabIndex={-1}\n {...ariaLabelAttributes}\n >\n <div className={styles.drawer__container__inner}>\n <div className={headerStyling} ref={headerRef}>\n <Title id={ariaLabelAttributes?.['aria-labelledby']} htmlMarkup={titleHtmlMarkup} appearance=\"title3\">\n {title}\n </Title>\n {!noCloseButton && onRequestClose != undefined && (\n <Close\n ariaLabel={mergedResources.ariaLabelCloseBtn}\n color={closeColor}\n onClick={onRequestClose}\n className={styles['drawer__header__close-button']}\n />\n )}\n </div>\n <div\n className={classNames(styles['drawer__content__shadow'], styles['drawer__content__shadow--top'])}\n style={{\n opacity: !topContentVisible && contentIsScrollable ? 1 : 0,\n top: headerHeight,\n }}\n />\n <div\n className={styles.drawer__content}\n tabIndex={contentIsScrollable ? 0 : undefined}\n role={contentIsScrollable ? 'region' : undefined}\n {...(contentIsScrollable ? ariaLabelAttributes : {})}\n ref={contentRef}\n >\n <div ref={topContent} />\n <div className={styles['drawer__content__children']}>{children}</div>\n <div ref={bottomContent} style={{ height: '1px' }} />\n </div>\n <div\n className={classNames(styles['drawer__content__shadow'], styles['drawer__content__shadow--bottom'])}\n style={{\n opacity: !bottomContentVisible && contentIsScrollable ? 1 : 0,\n bottom: hasFooterContent ? footerHeight : 0,\n }}\n />\n </div>\n {hasFooterContent && (\n <div className={styles.drawer__footer} ref={footerRef}>\n {footerContent ? (\n footerContent\n ) : (\n <>\n {onPrimaryAction && <Button onClick={() => handleCTA(onPrimaryAction)}>{primaryActionText}</Button>}\n {onSecondaryAction && (\n <Button variant=\"borderless\" onClick={() => handleCTA(onSecondaryAction)}>\n {secondaryActionText}\n </Button>\n )}\n </>\n )}\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default Drawer;\n","import Drawer from './Drawer';\nexport from './Drawer';\nexport default Drawer;\n"],"mappings":"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"}

package/lib/Duolist.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { n as AnalyticsId } from "./constants2.js";
 import { n as useBreakpoint, t as Breakpoint } from "./useBreakpoint.js";
 import { t as Spacer_default } from "./Spacer.js";
-import React from "react";
 import classNames from "classnames";
+import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import duolistStyles from "./components/Duolist/styles.module.scss";
 const DuolistGroup = (props) => {
@@ -22,9 +22,11 @@ const DuolistGroup = (props) => {
 		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", {
 			"data-separator": nonFormatted ? separator : void 0,
 			className: dtClassNames,
+			"data-testid": props.testId && `${props.testId}-term`,
 			children: term
 		}), /* @__PURE__ */ jsx("dd", {
 			className: ddClassNames,
+			"data-testid": props.testId && `${props.testId}-description`,
 			children: description
 		})] });
 	};
@@ -60,6 +62,7 @@ const Duolist = (props) => {
 				if (child === null || typeof child === "undefined") return;
 				const duolistGroup = child;
 				if (duolistGroup.type === DuolistGroup) return React.cloneElement(child, {
+					...duolistGroup.props,
 					boldColumn: duolistGroup.props.boldColumn ?? boldColumn,
 					format: duolistGroup.props.format ?? format,
 					separator: duolistGroup.props.separator ?? separator

package/lib/Duolist.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Duolist.js","names":["DuolistGroup: React.FC<DuolistGroupProps>","Duolist: React.FC<DuolistProps>"],"sources":["../src/components/Duolist/Duolist.tsx","../src/components/Duolist/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport Spacer from '../Spacer';\~~nimport { TitleProps } from '../Title';\~~n\nimport duolistStyles from './styles.module.scss';\n\nexport type DuolistVariants = 'normal' \| 'line';\nexport type BoldColumn = 'first' \| 'second' \| 'none';\nexport type Border = 'no-border' \| 'border';\nexport type Formats = 'formatted' \| 'non-formatted';\n\nexport interface DuolistProps {\n /** Determines which column is bold /\n boldColumn?: BoldColumn;\n /* Label of the Duolist /\n border?: Border;\n /* Label of the Duolist /\n label?: React.ReactElement<TitleProps>;\n /* Formatted or non-formatted visual variants /\n format?: Formats;\n /* Character separator for non-formatted format /\n separator?: string;\n /* Sets the visual variant of the Duolist. /\n variant?: DuolistVariants;\n /* Sets the content of the Duolist. /\n children: React.ReactNode;\n /* Adds custom classes to the element. /\n className?: string;\n /* Sets the data-testid attribute. /\n testId?: string;\n /* Width of the description column in percentage /\n descriptionWidth?: number;\n /* Use collapsed mode on columns from chosen breakpoint and below. /\n useCollapsedFromAndBelowBreakpoint?: keyof typeof Breakpoint;\n}\n\nexport interface DuolistGroupProps {\n /* Determines which column is bold /\n boldColumn?: BoldColumn;\n /* Sets content of the <dd> tag. /\n description: React.ReactNode;\n /* Formatted or non-formatted visual variants /\n format?: Formats;\n /* Character separator for non-formatted format /\n separator?: string;\n /* Sets content of the <dt> tag. /\n term: React.ReactNode;\n}\n\nexport const DuolistGroup: React.FC<DuolistGroupProps> = props => {\n const { format = 'formatted', boldColumn = format === 'non-formatted' ? 'none' : 'first', description, separator = ': ', term } = props;\n\n const firstBold = boldColumn === 'first';\n const secondBold = boldColumn === 'second';\n const nonFormatted = format === 'non-formatted';\n\n const dtClassNames = classNames(duolistStyles['duolist__dt'], {\n [duolistStyles['duolist__dt--bold']]: firstBold,\n [duolistStyles['duolist__dt--non-formatted']]: nonFormatted,\n });\n const ddClassNames = classNames(duolistStyles['duolist__dd'], {\n [duolistStyles['duolist__dd--bold']]: secondBold,\n [duolistStyles['duolist__dd--non-formatted']]: nonFormatted,\n });\n\n const renderContent = () => {\n return (\n <>\n <dt data-separator={nonFormatted ? separator : undefined} className={dtClassNames}>\n {term}\n </dt>\n <dd className={ddClassNames}>{description}</dd>\n </>\n );\n };\n\n return nonFormatted ? <div>{renderContent()}</div> : <>{renderContent()}</>;\n};\n\nexport const Duolist: React.FC<DuolistProps> = props => {\n const {\n boldColumn,\n border = 'no-border',\n descriptionWidth,\n label,\n format = 'formatted',\n separator,\n variant = 'normal',\n children,\n className,\n testId,\n useCollapsedFromAndBelowBreakpoint,\n } = props;\n\n const hasBorder = border === 'border';\n const hasLines = variant === 'line';\n const extraPaddingTop = hasBorder && (label \|\| hasLines);\n const nonFormatted = format === 'non-formatted';\n const breakpoint = useBreakpoint();\n const useCollapsedMode = useCollapsedFromAndBelowBreakpoint && breakpoint <= Breakpoint[useCollapsedFromAndBelowBreakpoint];\n\n const duolistWrapperClasses = classNames(\n {\n [duolistStyles['duolist-wrapper--border']]: hasBorder,\n [duolistStyles['duolist-wrapper--extra-padding-top']]: extraPaddingTop,\n },\n className\n );\n\n const duolistClasses = classNames(duolistStyles.duolist, {\n [duolistStyles['duolist--line']]: hasLines,\n [duolistStyles['duolist--non-formatted']]: nonFormatted,\n [duolistStyles['duolist--collapsed']]: useCollapsedMode,\n [duolistStyles['duolist--not-collapsed']]: !useCollapsedMode,\n });\n\n const duolistColumnStyle = descriptionWidth ? descriptionWidth + '%' : 'minmax(60%, 1fr)';\n\n return (\n <div className={duolistWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.Duolist}>\n {label && (\n <>\n {label}\n <Spacer />\n </>\n )}\n <dl\n style={!nonFormatted ? { gridTemplateColumns: useCollapsedMode ? `1fr` : `auto ${duolistColumnStyle}` } : undefined}\n className={duolistClasses}\n >\n {React.Children.map(children, (child: React.ReactNode \| React.ReactElement<DuolistGroupProps>) => {\n if (child === null \|\| typeof child === 'undefined') return;\n const duolistGroup = child as React.ReactElement<DuolistGroupProps>;\n if (duolistGroup.type === DuolistGroup) {\n return React.cloneElement(child as React.ReactElement<DuolistGroupProps>, {\n boldColumn: duolistGroup.props.boldColumn ?? boldColumn,\n format: duolistGroup.props.format ?? format,\n separator: duolistGroup.props.separator ?? separator,\n });\n }\n })}\n </dl>\n </div>\n );\n};\n\nexport default Duolist;\n","import Duolist from './Duolist';\nexport from './Duolist';\nexport default Duolist;\n"],"mappings":";;;;;;;~~AAsDA~~,MAAaA,gBAA4C,UAAS;CAChE,MAAM,EAAE,SAAS,aAAa,aAAa,WAAW,kBAAkB,SAAS,SAAS,aAAa,YAAY,MAAM,SAAS;CAElI,MAAM,YAAY,eAAe;CACjC,MAAM,aAAa,eAAe;CAClC,MAAM,eAAe,WAAW;CAEhC,MAAM,eAAe,WAAW,cAAc,gBAAgB;GAC3D,cAAc,uBAAuB;GACrC,cAAc,gCAAgC;EAChD,CAAC;CACF,MAAM,eAAe,WAAW,cAAc,gBAAgB;GAC3D,cAAc,uBAAuB;GACrC,cAAc,gCAAgC;EAChD,CAAC;CAEF,MAAM,sBAAsB;AAC1B,SACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAA;~~GAAG~~,kBAAgB,eAAe,YAAY,KAAA;~~GAAW~~,WAAW;~~aAClE~~;IACE,EACL,oBAAC,MAAA;GAAG,WAAW;~~aAAe~~;~~IAAiB~~,CAAA,EAAA,~~CAC9C~~;;AAIP,QAAO,eAAe,oBAAC,OAAA,EAAA,UAAK,eAAe,EAAA,CAAO,GAAG,oBAAA,UAAA,EAAA,UAAG,eAAe,EAAA,CAAI;;AAG7E,MAAaC,WAAkC,UAAS;CACtD,MAAM,EACJ,YACA,SAAS,aACT,kBACA,OACA,SAAS,aACT,WACA,UAAU,UACV,UACA,WACA,QACA,uCACE;CAEJ,MAAM,YAAY,WAAW;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,kBAAkB,cAAc,SAAS;CAC/C,MAAM,eAAe,WAAW;CAChC,MAAM,aAAa,eAAe;CAClC,MAAM,mBAAmB,sCAAsC,cAAc,WAAW;CAExF,MAAM,wBAAwB,WAC5B;GACG,cAAc,6BAA6B;GAC3C,cAAc,wCAAwC;EACxD,EACD,UACD;CAED,MAAM,iBAAiB,WAAW,cAAc,SAAS;GACtD,cAAc,mBAAmB;GACjC,cAAc,4BAA4B;GAC1C,cAAc,wBAAwB;GACtC,cAAc,4BAA4B,CAAC;EAC7C,CAAC;CAEF,MAAM,qBAAqB,mBAAmB,mBAAmB,MAAM;AAEvE,QACE,qBAAC,OAAA;EAAI,WAAW;EAAuB,eAAa;EAAQ,oBAAkB,YAAY;aACvF,SACC,qBAAA,UAAA,EAAA,UAAA,CACG,OACD,oBAAC,gBAAA,EAAA,CAAS,CAAA,EAAA,CACT,EAEL,oBAAC,MAAA;GACC,OAAO,CAAC,eAAe,EAAE,qBAAqB,mBAAmB,QAAQ,QAAQ,sBAAsB,GAAG,KAAA;GAC1G,WAAW;aAEV,MAAM,SAAS,IAAI,WAAW,UAAmE;AAChG,QAAI,UAAU,QAAQ,OAAO,UAAU,YAAa;IACpD,MAAM,eAAe;AACrB,QAAI,aAAa,SAAS,aACxB,QAAO,MAAM,aAAa,OAAgD;KACxE,YAAY,aAAa,MAAM,cAAc;KAC7C,QAAQ,aAAa,MAAM,UAAU;KACrC,WAAW,aAAa,MAAM,aAAa;KAC5C,CAAC;KAEJ;IACC,CAAA;GACD;;~~ACjJV~~,IAAA,~~oBDqJe~~"}
1	+ {"version":3,"file":"Duolist.js","names":["DuolistGroup: React.FC<DuolistGroupProps>","Duolist: React.FC<DuolistProps>"],"sources":["../src/components/Duolist/Duolist.tsx","../src/components/Duolist/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { TitleProps } from '../Title';\n\nimport { AnalyticsId } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport Spacer from '../Spacer';\n\nimport duolistStyles from './styles.module.scss';\n\nexport type DuolistVariants = 'normal' \| 'line';\nexport type BoldColumn = 'first' \| 'second' \| 'none';\nexport type Border = 'no-border' \| 'border';\nexport type Formats = 'formatted' \| 'non-formatted';\n\nexport interface DuolistProps {\n /** Determines which column is bold /\n boldColumn?: BoldColumn;\n /* Label of the Duolist /\n border?: Border;\n /* Label of the Duolist /\n label?: React.ReactElement<TitleProps>;\n /* Formatted or non-formatted visual variants /\n format?: Formats;\n /* Character separator for non-formatted format /\n separator?: string;\n /* Sets the visual variant of the Duolist. /\n variant?: DuolistVariants;\n /* Sets the content of the Duolist. /\n children: React.ReactNode;\n /* Adds custom classes to the element. /\n className?: string;\n /* Sets the data-testid attribute. /\n testId?: string;\n /* Width of the description column in percentage /\n descriptionWidth?: number;\n /* Use collapsed mode on columns from chosen breakpoint and below. /\n useCollapsedFromAndBelowBreakpoint?: keyof typeof Breakpoint;\n}\n\nexport interface DuolistGroupProps {\n /* Determines which column is bold /\n boldColumn?: BoldColumn;\n /* Sets content of the <dd> tag. /\n description: React.ReactNode;\n /* Formatted or non-formatted visual variants /\n format?: Formats;\n /* Character separator for non-formatted format /\n separator?: string;\n /* Sets content of the <dt> tag. /\n term: React.ReactNode;\n /* Sets the data-testid attribute. /\n testId?: string;\n}\n\nexport const DuolistGroup: React.FC<DuolistGroupProps> = props => {\n const { format = 'formatted', boldColumn = format === 'non-formatted' ? 'none' : 'first', description, separator = ': ', term } = props;\n\n const firstBold = boldColumn === 'first';\n const secondBold = boldColumn === 'second';\n const nonFormatted = format === 'non-formatted';\n\n const dtClassNames = classNames(duolistStyles['duolist__dt'], {\n [duolistStyles['duolist__dt--bold']]: firstBold,\n [duolistStyles['duolist__dt--non-formatted']]: nonFormatted,\n });\n const ddClassNames = classNames(duolistStyles['duolist__dd'], {\n [duolistStyles['duolist__dd--bold']]: secondBold,\n [duolistStyles['duolist__dd--non-formatted']]: nonFormatted,\n });\n\n const renderContent = () => {\n return (\n <>\n <dt\n data-separator={nonFormatted ? separator : undefined}\n className={dtClassNames}\n data-testid={props.testId && `${props.testId}-term`}\n >\n {term}\n </dt>\n <dd className={ddClassNames} data-testid={props.testId && `${props.testId}-description`}>\n {description}\n </dd>\n </>\n );\n };\n\n return nonFormatted ? <div>{renderContent()}</div> : <>{renderContent()}</>;\n};\n\nexport const Duolist: React.FC<DuolistProps> = props => {\n const {\n boldColumn,\n border = 'no-border',\n descriptionWidth,\n label,\n format = 'formatted',\n separator,\n variant = 'normal',\n children,\n className,\n testId,\n useCollapsedFromAndBelowBreakpoint,\n } = props;\n\n const hasBorder = border === 'border';\n const hasLines = variant === 'line';\n const extraPaddingTop = hasBorder && (label \|\| hasLines);\n const nonFormatted = format === 'non-formatted';\n const breakpoint = useBreakpoint();\n const useCollapsedMode = useCollapsedFromAndBelowBreakpoint && breakpoint <= Breakpoint[useCollapsedFromAndBelowBreakpoint];\n\n const duolistWrapperClasses = classNames(\n {\n [duolistStyles['duolist-wrapper--border']]: hasBorder,\n [duolistStyles['duolist-wrapper--extra-padding-top']]: extraPaddingTop,\n },\n className\n );\n\n const duolistClasses = classNames(duolistStyles.duolist, {\n [duolistStyles['duolist--line']]: hasLines,\n [duolistStyles['duolist--non-formatted']]: nonFormatted,\n [duolistStyles['duolist--collapsed']]: useCollapsedMode,\n [duolistStyles['duolist--not-collapsed']]: !useCollapsedMode,\n });\n\n const duolistColumnStyle = descriptionWidth ? descriptionWidth + '%' : 'minmax(60%, 1fr)';\n\n return (\n <div className={duolistWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.Duolist}>\n {label && (\n <>\n {label}\n <Spacer />\n </>\n )}\n <dl\n style={!nonFormatted ? { gridTemplateColumns: useCollapsedMode ? `1fr` : `auto ${duolistColumnStyle}` } : undefined}\n className={duolistClasses}\n >\n {React.Children.map(children, (child: React.ReactNode \| React.ReactElement<DuolistGroupProps>) => {\n if (child === null \|\| typeof child === 'undefined') return;\n const duolistGroup = child as React.ReactElement<DuolistGroupProps>;\n if (duolistGroup.type === DuolistGroup) {\n return React.cloneElement(child as React.ReactElement<DuolistGroupProps>, {\n ...duolistGroup.props,\n boldColumn: duolistGroup.props.boldColumn ?? boldColumn,\n format: duolistGroup.props.format ?? format,\n separator: duolistGroup.props.separator ?? separator,\n });\n }\n })}\n </dl>\n </div>\n );\n};\n\nexport default Duolist;\n","import Duolist from './Duolist';\nexport from './Duolist';\nexport default Duolist;\n"],"mappings":";;;;;;;AAyDA,MAAaA,gBAA4C,UAAS;CAChE,MAAM,EAAE,SAAS,aAAa,aAAa,WAAW,kBAAkB,SAAS,SAAS,aAAa,YAAY,MAAM,SAAS;CAElI,MAAM,YAAY,eAAe;CACjC,MAAM,aAAa,eAAe;CAClC,MAAM,eAAe,WAAW;CAEhC,MAAM,eAAe,WAAW,cAAc,gBAAgB;GAC3D,cAAc,uBAAuB;GACrC,cAAc,gCAAgC;EAChD,CAAC;CACF,MAAM,eAAe,WAAW,cAAc,gBAAgB;GAC3D,cAAc,uBAAuB;GACrC,cAAc,gCAAgC;EAChD,CAAC;CAEF,MAAM,sBAAsB;AAC1B,SACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAA;GACC,kBAAgB,eAAe,YAAY,KAAA;GAC3C,WAAW;GACX,eAAa,MAAM,UAAU,GAAG,MAAM,OAAO;aAE5C;IACE,EACL,oBAAC,MAAA;GAAG,WAAW;GAAc,eAAa,MAAM,UAAU,GAAG,MAAM,OAAO;aACvE;IACE,CAAA,EAAA,CACJ;;AAIP,QAAO,eAAe,oBAAC,OAAA,EAAA,UAAK,eAAe,EAAA,CAAO,GAAG,oBAAA,UAAA,EAAA,UAAG,eAAe,EAAA,CAAI;;AAG7E,MAAaC,WAAkC,UAAS;CACtD,MAAM,EACJ,YACA,SAAS,aACT,kBACA,OACA,SAAS,aACT,WACA,UAAU,UACV,UACA,WACA,QACA,uCACE;CAEJ,MAAM,YAAY,WAAW;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,kBAAkB,cAAc,SAAS;CAC/C,MAAM,eAAe,WAAW;CAChC,MAAM,aAAa,eAAe;CAClC,MAAM,mBAAmB,sCAAsC,cAAc,WAAW;CAExF,MAAM,wBAAwB,WAC5B;GACG,cAAc,6BAA6B;GAC3C,cAAc,wCAAwC;EACxD,EACD,UACD;CAED,MAAM,iBAAiB,WAAW,cAAc,SAAS;GACtD,cAAc,mBAAmB;GACjC,cAAc,4BAA4B;GAC1C,cAAc,wBAAwB;GACtC,cAAc,4BAA4B,CAAC;EAC7C,CAAC;CAEF,MAAM,qBAAqB,mBAAmB,mBAAmB,MAAM;AAEvE,QACE,qBAAC,OAAA;EAAI,WAAW;EAAuB,eAAa;EAAQ,oBAAkB,YAAY;aACvF,SACC,qBAAA,UAAA,EAAA,UAAA,CACG,OACD,oBAAC,gBAAA,EAAA,CAAS,CAAA,EAAA,CACT,EAEL,oBAAC,MAAA;GACC,OAAO,CAAC,eAAe,EAAE,qBAAqB,mBAAmB,QAAQ,QAAQ,sBAAsB,GAAG,KAAA;GAC1G,WAAW;aAEV,MAAM,SAAS,IAAI,WAAW,UAAmE;AAChG,QAAI,UAAU,QAAQ,OAAO,UAAU,YAAa;IACpD,MAAM,eAAe;AACrB,QAAI,aAAa,SAAS,aACxB,QAAO,MAAM,aAAa,OAAgD;KACxE,GAAG,aAAa;KAChB,YAAY,aAAa,MAAM,cAAc;KAC7C,QAAQ,aAAa,MAAM,UAAU;KACrC,WAAW,aAAa,MAAM,aAAa;KAC5C,CAAC;KAEJ;IACC,CAAA;GACD;;AC3JV,IAAA,oBD+Je"}

package/lib/ElementHeader.js CHANGED Viewed

@@ -7,35 +7,12 @@ import { n as isComponentWithChildren, t as isComponent } from "./component.js";
 import { n as useBreakpoint, t as Breakpoint } from "./useBreakpoint.js";
 import { t as StatusDot_default } from "./StatusDot.js";
 import { t as Highlighter_default } from "./Highlighter.js";
-import { n as ElementHeaderText_default } from "./ElementHeaderText.js";
-import { t as StatusDotList_default } from "./StatusDotList.js";
-import React from "react";
+import { n as ElementHeaderText, r as ElementHeaderText_default } from "./ElementHeaderText.js";
+import { n as StatusDotList, t as StatusDotList_default } from "./StatusDotList.js";
 import classNames from "classnames";
+import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./components/ElementHeader/styles.module.scss";
-const renderElementHeader = (element, options) => {
-	const { titleHtmlMarkup, isHovered, size, parentType, chevronIcon, icon, highlightText, closeButton } = options;
-	if (isComponent(element, ElementHeader)) return React.cloneElement(element, {
-		chevronIcon,
-		icon,
-		isHovered,
-		size,
-		parentType,
-		highlightText,
-		closeButton
-	});
-	if (element) return /* @__PURE__ */ jsx(ElementHeader, {
-		highlightText,
-		titleHtmlMarkup,
-		parentType,
-		chevronIcon,
-		icon,
-		isHovered,
-		size,
-		closeButton,
-		children: element
-	});
-};
 const mapChildren = (children, isJsxChild = false) => {
 	let avatarChild;
 	const badgeChildren = [];
@@ -47,9 +24,9 @@ const mapChildren = (children, isJsxChild = false) => {
 	React.Children.forEach(children, (child) => {
 		if (child === null || typeof child === "undefined") return;
 		if (isComponent(child, Avatar_default)) avatarChild = child;
-		else if (isComponent(child, ElementHeaderText_default)) elementHeaderTextChildren.push(child);
+		else if (isComponent(child, ElementHeaderText)) elementHeaderTextChildren.push(child);
 		else if (isComponent(child, Badge_default)) badgeChildren.push(child);
-		else if (isComponent(child, StatusDotList_default)) statusDotMCChild = child;
+		else if (isComponent(child, StatusDotList)) statusDotMCChild = child;
 		else if (isComponent(child, StatusDot_default)) statusDotChildren.push(child);
 		else if (typeof child === "string") stringChildren.push(child);
 		else remainingChildren.push(child);
@@ -67,6 +44,29 @@ const mapChildren = (children, isJsxChild = false) => {
 	};
 	if (isComponentWithChildren(remainingChildren[0])) return mapChildren(remainingChildren[0]?.props?.children, true);
 };
+const renderElementHeader = (element, options) => {
+	const { titleHtmlMarkup, isHovered, size, parentType, chevronIcon, icon, highlightText, closeButton } = options;
+	if (isComponent(element, ElementHeader_default)) return React.cloneElement(element, {
+		chevronIcon,
+		icon,
+		isHovered,
+		size,
+		parentType,
+		highlightText,
+		closeButton
+	});
+	if (element) return /* @__PURE__ */ jsx(ElementHeader_default, {
+		highlightText,
+		titleHtmlMarkup,
+		parentType,
+		chevronIcon,
+		icon,
+		isHovered,
+		size,
+		closeButton,
+		children: element
+	});
+};
 const ElementHeaderRoot = (props) => {
 	const { className = "", titleHtmlMarkup = "h2", parentType = "linklist", chevronIcon, closeButton, children, icon, isHovered, size, testId, highlightText } = props;
 	const breakpoint = useBreakpoint();
@@ -166,6 +166,6 @@ ElementHeader.Text.displayName = "ElementHeader.Text";
 ElementHeader.StatusDotList = StatusDotList_default;
 ElementHeader.StatusDotList.displayName = "ElementHeader.StatusDotList";
 var ElementHeader_default = ElementHeader;
-export { renderElementHeader as i, ElementHeader_default as n, mapChildren as r, ElementHeaderRoot as t };
+export { ElementHeader_default as n, renderElementHeader as r, ElementHeaderRoot as t };
 //# sourceMappingURL=ElementHeader.js.map

package/lib/ElementHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ElementHeader.js","names":["mapChildren: ChildrenMapper","avatarChild: React.ReactElement<AvatarProps> \| undefined","badgeChildren: React.ReactElement<BadgeProps>[]","statusDotChildren: React.ReactElement<StatusDotProps>[]","statusDotMCChild: React.ReactElement<StatusDotListProps> \| undefined","elementHeaderTextChildren: React.ReactElement<ElementHeaderTextProps>[]","stringChildren: string[]","remainingChildren: React.ReactNode[]","ElementHeaderRoot: ElementHeaderType"],"sources":["../src/components/ElementHeader/ElementHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport ElementHeaderText, { ElementHeaderTextProps, ElementHeaderTextType } from './ElementHeaderText/ElementHeaderText';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { isComponent, isComponentWithChildren } from '../../utils/component';\nimport Avatar, { AvatarProps, AvatarSize, AvatarType } from '../Avatar';\nimport Badge, { BadgeProps, BadgeType } from '../Badge';\nimport Icon, { IconProps, IconSize, SvgIcon } from '../Icon';\nimport StatusDot, { StatusDotProps, StatusDotType } from '../StatusDot';\nimport { TitleTags } from '../Title';\nimport StatusDotList from './StatusDotList';\nimport Highlighter from '../Highlighter';\nimport LazyIcon, { LazyIconProps } from '../LazyIcon';\nimport { StatusDotListProps, StatusDotListType } from './StatusDotList/StatusDotList';\n\nimport styles from './styles.module.scss';\n\nexport type ElementHeaderSize = 'compact' \| 'small' \| 'medium' \| 'large';\nexport type ParentType = 'linklist' \| 'expanderlist';\n\nexport interface ElementHeaderType extends React.FC<ElementHeaderProps> {\n Avatar?: AvatarType;\n Badge?: BadgeType;\n ElementHeaderText?: ElementHeaderTextType;\n StatusDot?: StatusDotType;\n StatusDotList?: StatusDotListType;\n}\n\nexport const renderElementHeader = (\n element: React.ReactNode,\n options: Pick<\n ElementHeaderProps,\n 'titleHtmlMarkup' \| 'isHovered' \| 'size' \| 'parentType' \| 'chevronIcon' \| 'icon' \| 'highlightText' \| 'closeButton'\n >\n): React.ReactElement \| undefined => {\n const { titleHtmlMarkup, isHovered, size, parentType, chevronIcon, icon, highlightText, closeButton } = options;\n\n if (isComponent<ElementHeaderProps>(element, ElementHeader)) {\n return React.cloneElement(element, {\n chevronIcon,\n icon,\n isHovered,\n size,\n parentType,\n highlightText,\n closeButton,\n });\n }\n if (element) {\n return (\n <ElementHeader\n highlightText={highlightText}\n titleHtmlMarkup={titleHtmlMarkup}\n parentType={parentType}\n chevronIcon={chevronIcon}\n icon={icon}\n isHovered={isHovered}\n size={size}\n closeButton={closeButton}\n >\n {element}\n </ElementHeader>\n );\n }\n};\n\nexport interface ElementHeaderProps {\n /** Adds custom classes to the ElementHeader element. /\n className?: string;\n /* Chevron to render inside of the ElementHeader /\n chevronIcon?: SvgIcon;\n /* Close button to be rendered inside of ElementHeader. This renders in place of chevronIcon /\n closeButton?: React.ReactElement;\n /* Children to be rendered inside of ElementHeader /\n children: React.ReactNode;\n /* Changes the underlying element of the title. Default: h2/\n titleHtmlMarkup?: TitleTags;\n /* icon to be rendered inside of ElementHeader /\n icon?: React.ReactElement;\n /* whether or not the parent is hovered /\n isHovered?: boolean;\n /* Adjusts styling based on parent /\n parentType?: ParentType;\n /* Changes size of the ElementHeader. /\n size?: ElementHeaderSize;\n /* Sets the data-testid attribute. /\n testId?: string;\n /* Highlights text in title. Used for search results */\n highlightText?: string;\n}\n\ninterface ElementHeaderChildren {\n avatarChild?: React.ReactElement<AvatarProps>;\n elementHeaderTextChildren: React.ReactElement<ElementHeaderTextProps>[];\n badgeChildren?: React.ReactElement<BadgeProps>[];\n statusDotChildren?: React.ReactElement<StatusDotProps>[];\n statusDotMCChild?: React.ReactElement<StatusDotListProps>;\n elementChild?: React.ReactElement;\n stringChildren: string[];\n remainingChildren: React.ReactNode[];\n}\n\ntype ChildrenMapper = (children: React.ReactNode, isJsxChild?: boolean) => ElementHeaderChildren \| undefined;\n\nexport const mapChildren: ChildrenMapper = (children, isJsxChild = false) => {\n let avatarChild: React.ReactElement<AvatarProps> \| undefined;\n const badgeChildren: React.ReactElement<BadgeProps>[] = [];\n const statusDotChildren: React.ReactElement<StatusDotProps>[] = [];\n let statusDotMCChild: React.ReactElement<StatusDotListProps> \| undefined;\n const elementHeaderTextChildren: React.ReactElement<ElementHeaderTextProps>[] = [];\n const stringChildren: string[] = [];\n const remainingChildren: React.ReactNode[] = [];\n\n React.Children.forEach(children, child => {\n if (child === null \|\| typeof child === 'undefined') return;\n if (isComponent<AvatarProps>(child, Avatar)) {\n avatarChild = child;\n } else if (isComponent<ElementHeaderTextProps>(child, ElementHeaderText)) {\n elementHeaderTextChildren.push(child);\n } else if (isComponent<BadgeProps>(child, Badge)) {\n badgeChildren.push(child);\n } else if (isComponent<StatusDotListProps>(child, StatusDotList)) {\n statusDotMCChild = child;\n } else if (isComponent<StatusDotProps>(child, StatusDot)) {\n statusDotChildren.push(child);\n } else if (typeof child === 'string') {\n stringChildren.push(child);\n } else {\n remainingChildren.push(child);\n }\n });\n\n // Dette og recursive mapChildren under(gjøres en gang) er for å passe på at jsx children også sjekkes for Avatar og liknende innhold.\n // Slik opprettholder vi stylingen i tilfeller hvor vertikaler har wrappet elementer i en parent span eller div.\n const hasSpecialChildren =\n avatarChild !== undefined \|\|\n elementHeaderTextChildren.length > 0 \|\|\n statusDotChildren.length > 0 \|\|\n statusDotMCChild !== undefined \|\|\n (badgeChildren !== undefined && stringChildren.length > 0);\n const noRemainingRecursiveChildren =\n remainingChildren.length === 0 \|\|\n (isComponentWithChildren(remainingChildren[0]) && typeof remainingChildren[0]?.props?.children === 'undefined');\n\n if (isJsxChild \|\| hasSpecialChildren \|\| noRemainingRecursiveChildren) {\n return {\n avatarChild,\n elementHeaderTextChildren: elementHeaderTextChildren,\n badgeChildren,\n statusDotChildren,\n statusDotMCChild,\n stringChildren,\n remainingChildren,\n };\n }\n\n if (isComponentWithChildren(remainingChildren[0])) {\n return mapChildren(remainingChildren[0]?.props?.children, true);\n }\n};\n\nexport const ElementHeaderRoot: ElementHeaderType = props => {\n const {\n className = '',\n titleHtmlMarkup = 'h2',\n parentType = 'linklist',\n chevronIcon,\n closeButton,\n children,\n icon,\n isHovered,\n size,\n testId,\n highlightText,\n } = props;\n const breakpoint = useBreakpoint();\n const showIcon = size !== 'small' && !!icon;\n const contentIsString = typeof children === 'string';\n const mappedChildren = mapChildren(children);\n const hasStatusDots = !!mappedChildren?.statusDotChildren?.length \|\| !!mappedChildren?.statusDotMCChild;\n\n const listLabelClasses = cn(styles['element-header'], { [styles['element-header--compact']]: size === 'compact' }, className);\n const badgeContainerClasses = cn(styles['element-header__badge-container']);\n const badgeClasses = cn(styles['element-header__badge']);\n const statusdotContainerClasses = cn(styles['element-header__statusdot-container']);\n const chevronClasses = cn(styles['element-header__chevron']);\n const contentClasses = cn(styles['element-header__content'], {\n [styles['element-header__content--element']]: !contentIsString,\n [styles['element-header__content--compact']]: size === 'compact',\n });\n const iconClasses = cn(styles['element-header__icon'], { [styles['element-header__icon--with-statusdot']]: hasStatusDots });\n const avatarClasses = cn(styles['element-header__avatar'], {});\n const CustomTag = titleHtmlMarkup;\n const iconPropIsIconComponent = isComponent<IconProps>(icon, Icon);\n const iconPropIsLazyIconComponent = !iconPropIsIconComponent && isComponent<LazyIconProps>(icon, LazyIcon);\n\n let iconComponent;\n if (iconPropIsIconComponent) {\n iconComponent = React.cloneElement(icon as React.ReactElement<IconProps>, {\n size: breakpoint < Breakpoint.md ? IconSize.XSmall : IconSize.Small,\n isHovered,\n });\n } else if (iconPropIsLazyIconComponent) {\n iconComponent = React.cloneElement(icon as React.ReactElement<LazyIconProps>, {\n size: breakpoint < Breakpoint.md ? IconSize.XSmall : IconSize.Small,\n isHovered,\n });\n } else {\n iconComponent = icon;\n }\n\n return (\n <span data-testid={testId} className={listLabelClasses}>\n {showIcon && icon && <span className={iconClasses}>{iconComponent}</span>}\n {size !== 'small' && mappedChildren?.avatarChild && (\n <span className={avatarClasses}>{React.cloneElement(mappedChildren.avatarChild, { size: AvatarSize.xsmall })}</span>\n )}\n\n <span className={contentClasses} data-hasstatusdots={hasStatusDots}>\n {mappedChildren?.elementHeaderTextChildren}\n {!!mappedChildren?.stringChildren.length && (\n <CustomTag className={styles['element-header__title']}>\n <Highlighter searchText={highlightText}>{mappedChildren.stringChildren}</Highlighter>\n </CustomTag>\n )}\n <Highlighter searchText={highlightText}>{mappedChildren?.remainingChildren}</Highlighter>\n </span>\n\n {hasStatusDots && (\n <span className={statusdotContainerClasses}>\n {!!mappedChildren?.statusDotChildren && <StatusDotList>{mappedChildren.statusDotChildren}</StatusDotList>}\n {!!mappedChildren?.statusDotMCChild && mappedChildren?.statusDotMCChild}\n </span>\n )}\n\n <span className={badgeContainerClasses}>\n {mappedChildren?.badgeChildren &&\n mappedChildren.badgeChildren.map((badgeChild, index) => {\n return (\n <span key={index} className={badgeClasses} data-parenttype={parentType}>\n {badgeChild}\n </span>\n );\n })}\n </span>\n {chevronIcon && typeof closeButton === 'undefined' && (\n <span className={chevronClasses} data-parenttype={parentType}>\n <Icon svgIcon={chevronIcon} isHovered={isHovered} size={IconSize.XSmall} />\n </span>\n )}\n {closeButton && (\n <span className={chevronClasses} data-parenttype={parentType}>\n {closeButton}\n </span>\n )}\n </span>\n );\n};\n\ntype ElementHeaderComponent = typeof ElementHeaderRoot & {\n Text: React.FC<ElementHeaderTextProps>;\n StatusDotList: React.FC<StatusDotListProps>;\n};\nElementHeaderRoot.displayName = 'ElementHeader';\nconst ElementHeader = ElementHeaderRoot as ElementHeaderComponent;\nElementHeader.Text = ElementHeaderText;\nElementHeader.Text.displayName = 'ElementHeader.Text';\nElementHeader.StatusDotList = StatusDotList;\nElementHeader.StatusDotList.displayName = 'ElementHeader.StatusDotList';\n\nexport default ElementHeader;\n"],"mappings":"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"}
1	+ {"version":3,"file":"ElementHeader.js","names":["mapChildren: ChildrenMapper","avatarChild: React.ReactElement<AvatarProps> \| undefined","badgeChildren: React.ReactElement<BadgeProps>[]","statusDotChildren: React.ReactElement<StatusDotProps>[]","statusDotMCChild: React.ReactElement<StatusDotListProps> \| undefined","elementHeaderTextChildren: React.ReactElement<ElementHeaderTextProps>[]","stringChildren: string[]","remainingChildren: React.ReactNode[]","ElementHeaderRoot: ElementHeaderType"],"sources":["../src/components/ElementHeader/utils.tsx","../src/components/ElementHeader/ElementHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { AvatarProps } from '../Avatar';\nimport type { BadgeProps } from '../Badge';\nimport type { StatusDotProps } from '../StatusDot';\n\nimport ElementHeader, { type ElementHeaderChildren, type ElementHeaderProps } from './ElementHeader';\nimport { ElementHeaderText, type ElementHeaderTextProps } from './ElementHeaderText';\nimport { StatusDotList, type StatusDotListProps } from './StatusDotList';\nimport { isComponent, isComponentWithChildren } from '../../utils/component';\nimport Avatar from '../Avatar';\nimport Badge from '../Badge';\nimport StatusDot from '../StatusDot';\n\ntype ChildrenMapper = (children: React.ReactNode, isJsxChild?: boolean) => ElementHeaderChildren \| undefined;\n\nexport const mapChildren: ChildrenMapper = (children, isJsxChild = false) => {\n let avatarChild: React.ReactElement<AvatarProps> \| undefined;\n const badgeChildren: React.ReactElement<BadgeProps>[] = [];\n const statusDotChildren: React.ReactElement<StatusDotProps>[] = [];\n let statusDotMCChild: React.ReactElement<StatusDotListProps> \| undefined;\n const elementHeaderTextChildren: React.ReactElement<ElementHeaderTextProps>[] = [];\n const stringChildren: string[] = [];\n const remainingChildren: React.ReactNode[] = [];\n\n React.Children.forEach(children, child => {\n if (child === null \|\| typeof child === 'undefined') return;\n if (isComponent<AvatarProps>(child, Avatar)) {\n avatarChild = child;\n } else if (isComponent<ElementHeaderTextProps>(child, ElementHeaderText)) {\n elementHeaderTextChildren.push(child);\n } else if (isComponent<BadgeProps>(child, Badge)) {\n badgeChildren.push(child);\n } else if (isComponent<StatusDotListProps>(child, StatusDotList)) {\n statusDotMCChild = child;\n } else if (isComponent<StatusDotProps>(child, StatusDot)) {\n statusDotChildren.push(child);\n } else if (typeof child === 'string') {\n stringChildren.push(child);\n } else {\n remainingChildren.push(child);\n }\n });\n\n // Dette og recursive mapChildren under(gjøres en gang) er for å passe på at jsx children også sjekkes for Avatar og liknende innhold.\n // Slik opprettholder vi stylingen i tilfeller hvor vertikaler har wrappet elementer i en parent span eller div.\n const hasSpecialChildren =\n avatarChild !== undefined \|\|\n elementHeaderTextChildren.length > 0 \|\|\n statusDotChildren.length > 0 \|\|\n statusDotMCChild !== undefined \|\|\n (badgeChildren !== undefined && stringChildren.length > 0);\n const noRemainingRecursiveChildren =\n remainingChildren.length === 0 \|\|\n (isComponentWithChildren(remainingChildren[0]) && typeof remainingChildren[0]?.props?.children === 'undefined');\n\n if (isJsxChild \|\| hasSpecialChildren \|\| noRemainingRecursiveChildren) {\n return {\n avatarChild,\n elementHeaderTextChildren: elementHeaderTextChildren,\n badgeChildren,\n statusDotChildren,\n statusDotMCChild,\n stringChildren,\n remainingChildren,\n };\n }\n\n if (isComponentWithChildren(remainingChildren[0])) {\n return mapChildren(remainingChildren[0]?.props?.children, true);\n }\n};\n\nexport const renderElementHeader = (\n element: React.ReactNode,\n options: Pick<\n ElementHeaderProps,\n 'titleHtmlMarkup' \| 'isHovered' \| 'size' \| 'parentType' \| 'chevronIcon' \| 'icon' \| 'highlightText' \| 'closeButton'\n >\n): React.ReactElement \| undefined => {\n const { titleHtmlMarkup, isHovered, size, parentType, chevronIcon, icon, highlightText, closeButton } = options;\n\n if (isComponent<ElementHeaderProps>(element, ElementHeader)) {\n return React.cloneElement(element, {\n chevronIcon,\n icon,\n isHovered,\n size,\n parentType,\n highlightText,\n closeButton,\n });\n }\n if (element) {\n return (\n <ElementHeader\n highlightText={highlightText}\n titleHtmlMarkup={titleHtmlMarkup}\n parentType={parentType}\n chevronIcon={chevronIcon}\n icon={icon}\n isHovered={isHovered}\n size={size}\n closeButton={closeButton}\n >\n {element}\n </ElementHeader>\n );\n }\n};\n","import React from 'react';\n\nimport cn from 'classnames';\n\nimport type { AvatarProps, AvatarType } from '../Avatar';\nimport type { BadgeProps, BadgeType } from '../Badge';\nimport type { IconProps, SvgIcon } from '../Icon';\nimport type { LazyIconProps } from '../LazyIcon';\nimport type { StatusDotProps, StatusDotType } from '../StatusDot';\nimport type { TitleTags } from '../Title';\nimport type { ElementHeaderTextProps, ElementHeaderTextType } from './ElementHeaderText/ElementHeaderText';\nimport type { StatusDotListProps, StatusDotListType } from './StatusDotList/StatusDotList';\n\nimport ElementHeaderText from './ElementHeaderText/ElementHeaderText';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { isComponent } from '../../utils/component';\nimport { AvatarSize } from '../Avatar';\nimport Icon, { IconSize } from '../Icon';\nimport StatusDotList from './StatusDotList';\nimport Highlighter from '../Highlighter';\nimport LazyIcon from '../LazyIcon';\nimport { mapChildren } from './utils';\n\nimport styles from './styles.module.scss';\n\nexport type ElementHeaderSize = 'compact' \| 'small' \| 'medium' \| 'large';\nexport type ParentType = 'linklist' \| 'expanderlist';\n\nexport interface ElementHeaderType extends React.FC<ElementHeaderProps> {\n Avatar?: AvatarType;\n Badge?: BadgeType;\n ElementHeaderText?: ElementHeaderTextType;\n StatusDot?: StatusDotType;\n StatusDotList?: StatusDotListType;\n}\n\nexport interface ElementHeaderProps {\n /** Adds custom classes to the ElementHeader element. /\n className?: string;\n /* Chevron to render inside of the ElementHeader /\n chevronIcon?: SvgIcon;\n /* Close button to be rendered inside of ElementHeader. This renders in place of chevronIcon /\n closeButton?: React.ReactElement;\n /* Children to be rendered inside of ElementHeader /\n children: React.ReactNode;\n /* Changes the underlying element of the title. Default: h2/\n titleHtmlMarkup?: TitleTags;\n /* icon to be rendered inside of ElementHeader /\n icon?: React.ReactElement;\n /* whether or not the parent is hovered /\n isHovered?: boolean;\n /* Adjusts styling based on parent /\n parentType?: ParentType;\n /* Changes size of the ElementHeader. /\n size?: ElementHeaderSize;\n /* Sets the data-testid attribute. /\n testId?: string;\n /* Highlights text in title. Used for search results */\n highlightText?: string;\n}\n\nexport interface ElementHeaderChildren {\n avatarChild?: React.ReactElement<AvatarProps>;\n elementHeaderTextChildren: React.ReactElement<ElementHeaderTextProps>[];\n badgeChildren?: React.ReactElement<BadgeProps>[];\n statusDotChildren?: React.ReactElement<StatusDotProps>[];\n statusDotMCChild?: React.ReactElement<StatusDotListProps>;\n elementChild?: React.ReactElement;\n stringChildren: string[];\n remainingChildren: React.ReactNode[];\n}\n\nexport const ElementHeaderRoot: ElementHeaderType = props => {\n const {\n className = '',\n titleHtmlMarkup = 'h2',\n parentType = 'linklist',\n chevronIcon,\n closeButton,\n children,\n icon,\n isHovered,\n size,\n testId,\n highlightText,\n } = props;\n const breakpoint = useBreakpoint();\n const showIcon = size !== 'small' && !!icon;\n const contentIsString = typeof children === 'string';\n const mappedChildren = mapChildren(children);\n const hasStatusDots = !!mappedChildren?.statusDotChildren?.length \|\| !!mappedChildren?.statusDotMCChild;\n\n const listLabelClasses = cn(styles['element-header'], { [styles['element-header--compact']]: size === 'compact' }, className);\n const badgeContainerClasses = cn(styles['element-header__badge-container']);\n const badgeClasses = cn(styles['element-header__badge']);\n const statusdotContainerClasses = cn(styles['element-header__statusdot-container']);\n const chevronClasses = cn(styles['element-header__chevron']);\n const contentClasses = cn(styles['element-header__content'], {\n [styles['element-header__content--element']]: !contentIsString,\n [styles['element-header__content--compact']]: size === 'compact',\n });\n const iconClasses = cn(styles['element-header__icon'], { [styles['element-header__icon--with-statusdot']]: hasStatusDots });\n const avatarClasses = cn(styles['element-header__avatar'], {});\n const CustomTag = titleHtmlMarkup;\n const iconPropIsIconComponent = isComponent<IconProps>(icon, Icon);\n const iconPropIsLazyIconComponent = !iconPropIsIconComponent && isComponent<LazyIconProps>(icon, LazyIcon);\n\n let iconComponent;\n if (iconPropIsIconComponent) {\n iconComponent = React.cloneElement(icon as React.ReactElement<IconProps>, {\n size: breakpoint < Breakpoint.md ? IconSize.XSmall : IconSize.Small,\n isHovered,\n });\n } else if (iconPropIsLazyIconComponent) {\n iconComponent = React.cloneElement(icon as React.ReactElement<LazyIconProps>, {\n size: breakpoint < Breakpoint.md ? IconSize.XSmall : IconSize.Small,\n isHovered,\n });\n } else {\n iconComponent = icon;\n }\n\n return (\n <span data-testid={testId} className={listLabelClasses}>\n {showIcon && icon && <span className={iconClasses}>{iconComponent}</span>}\n {size !== 'small' && mappedChildren?.avatarChild && (\n <span className={avatarClasses}>{React.cloneElement(mappedChildren.avatarChild, { size: AvatarSize.xsmall })}</span>\n )}\n\n <span className={contentClasses} data-hasstatusdots={hasStatusDots}>\n {mappedChildren?.elementHeaderTextChildren}\n {!!mappedChildren?.stringChildren.length && (\n <CustomTag className={styles['element-header__title']}>\n <Highlighter searchText={highlightText}>{mappedChildren.stringChildren}</Highlighter>\n </CustomTag>\n )}\n <Highlighter searchText={highlightText}>{mappedChildren?.remainingChildren}</Highlighter>\n </span>\n\n {hasStatusDots && (\n <span className={statusdotContainerClasses}>\n {!!mappedChildren?.statusDotChildren && <StatusDotList>{mappedChildren.statusDotChildren}</StatusDotList>}\n {!!mappedChildren?.statusDotMCChild && mappedChildren?.statusDotMCChild}\n </span>\n )}\n\n <span className={badgeContainerClasses}>\n {mappedChildren?.badgeChildren &&\n mappedChildren.badgeChildren.map((badgeChild, index) => {\n return (\n <span key={index} className={badgeClasses} data-parenttype={parentType}>\n {badgeChild}\n </span>\n );\n })}\n </span>\n {chevronIcon && typeof closeButton === 'undefined' && (\n <span className={chevronClasses} data-parenttype={parentType}>\n <Icon svgIcon={chevronIcon} isHovered={isHovered} size={IconSize.XSmall} />\n </span>\n )}\n {closeButton && (\n <span className={chevronClasses} data-parenttype={parentType}>\n {closeButton}\n </span>\n )}\n </span>\n );\n};\n\ntype ElementHeaderComponent = typeof ElementHeaderRoot & {\n Text: React.FC<ElementHeaderTextProps>;\n StatusDotList: React.FC<StatusDotListProps>;\n};\nElementHeaderRoot.displayName = 'ElementHeader';\nconst ElementHeader = ElementHeaderRoot as ElementHeaderComponent;\nElementHeader.Text = ElementHeaderText;\nElementHeader.Text.displayName = 'ElementHeader.Text';\nElementHeader.StatusDotList = StatusDotList;\nElementHeader.StatusDotList.displayName = 'ElementHeader.StatusDotList';\n\nexport default ElementHeader;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAaA,eAA+B,UAAU,aAAa,UAAU;CAC3E,IAAIC;CACJ,MAAMC,gBAAkD,EAAE;CAC1D,MAAMC,oBAA0D,EAAE;CAClE,IAAIC;CACJ,MAAMC,4BAA0E,EAAE;CAClF,MAAMC,iBAA2B,EAAE;CACnC,MAAMC,oBAAuC,EAAE;AAE/C,OAAM,SAAS,QAAQ,WAAU,UAAS;AACxC,MAAI,UAAU,QAAQ,OAAO,UAAU,YAAa;AACpD,MAAI,YAAyB,OAAO,eAAO,CACzC,eAAc;WACL,YAAoC,OAAO,kBAAkB,CACtE,2BAA0B,KAAK,MAAM;WAC5B,YAAwB,OAAO,cAAM,CAC9C,eAAc,KAAK,MAAM;WAChB,YAAgC,OAAO,cAAc,CAC9D,oBAAmB;WACV,YAA4B,OAAO,kBAAU,CACtD,mBAAkB,KAAK,MAAM;WACpB,OAAO,UAAU,SAC1B,gBAAe,KAAK,MAAM;MAE1B,mBAAkB,KAAK,MAAM;GAE/B;CAIF,MAAM,qBACJ,gBAAgB,KAAA,KAChB,0BAA0B,SAAS,KACnC,kBAAkB,SAAS,KAC3B,qBAAqB,KAAA,KACpB,kBAAkB,KAAA,KAAa,eAAe,SAAS;CAC1D,MAAM,+BACJ,kBAAkB,WAAW,KAC5B,wBAAwB,kBAAkB,GAAG,IAAI,OAAO,kBAAkB,IAAI,OAAO,aAAa;AAErG,KAAI,cAAc,sBAAsB,6BACtC,QAAO;EACL;EAC2B;EAC3B;EACA;EACA;EACA;EACA;EACD;AAGH,KAAI,wBAAwB,kBAAkB,GAAG,CAC/C,QAAO,YAAY,kBAAkB,IAAI,OAAO,UAAU,KAAK;;AAInE,MAAa,uBACX,SACA,YAImC;CACnC,MAAM,EAAE,iBAAiB,WAAW,MAAM,YAAY,aAAa,MAAM,eAAe,gBAAgB;AAExG,KAAI,YAAgC,SAAS,sBAAc,CACzD,QAAO,MAAM,aAAa,SAAS;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEJ,KAAI,QACF,QACE,oBAAC,uBAAA;EACgB;EACE;EACL;EACC;EACP;EACK;EACL;EACO;YAEZ;GACa;;AClCtB,MAAaC,qBAAuC,UAAS;CAC3D,MAAM,EACJ,YAAY,IACZ,kBAAkB,MAClB,aAAa,YACb,aACA,aACA,UACA,MACA,WACA,MACA,QACA,kBACE;CACJ,MAAM,aAAa,eAAe;CAClC,MAAM,WAAW,SAAS,WAAW,CAAC,CAAC;CACvC,MAAM,kBAAkB,OAAO,aAAa;CAC5C,MAAM,iBAAiB,YAAY,SAAS;CAC5C,MAAM,gBAAgB,CAAC,CAAC,gBAAgB,mBAAmB,UAAU,CAAC,CAAC,gBAAgB;CAEvF,MAAM,mBAAmB,WAAG,OAAO,mBAAmB,GAAG,OAAO,6BAA6B,SAAS,WAAW,EAAE,UAAU;CAC7H,MAAM,wBAAwB,WAAG,OAAO,mCAAmC;CAC3E,MAAM,eAAe,WAAG,OAAO,yBAAyB;CACxD,MAAM,4BAA4B,WAAG,OAAO,uCAAuC;CACnF,MAAM,iBAAiB,WAAG,OAAO,2BAA2B;CAC5D,MAAM,iBAAiB,WAAG,OAAO,4BAA4B;GAC1D,OAAO,sCAAsC,CAAC;GAC9C,OAAO,sCAAsC,SAAS;EACxD,CAAC;CACF,MAAM,cAAc,WAAG,OAAO,yBAAyB,GAAG,OAAO,0CAA0C,eAAe,CAAC;CAC3H,MAAM,gBAAgB,WAAG,OAAO,2BAA2B,EAAE,CAAC;CAC9D,MAAM,YAAY;CAClB,MAAM,0BAA0B,YAAuB,MAAM,aAAK;CAClE,MAAM,8BAA8B,CAAC,2BAA2B,YAA2B,MAAM,iBAAS;CAE1G,IAAI;AACJ,KAAI,wBACF,iBAAgB,MAAM,aAAa,MAAuC;EACxE,MAAM,aAAa,WAAW,KAAK,SAAS,SAAS,SAAS;EAC9D;EACD,CAAC;UACO,4BACT,iBAAgB,MAAM,aAAa,MAA2C;EAC5E,MAAM,aAAa,WAAW,KAAK,SAAS,SAAS,SAAS;EAC9D;EACD,CAAC;KAEF,iBAAgB;AAGlB,QACE,qBAAC,QAAA;EAAK,eAAa;EAAQ,WAAW;;GACnC,YAAY,QAAQ,oBAAC,QAAA;IAAK,WAAW;cAAc;KAAqB;GACxE,SAAS,WAAW,gBAAgB,eACnC,oBAAC,QAAA;IAAK,WAAW;cAAgB,MAAM,aAAa,eAAe,aAAa,EAAE,MAAM,WAAW,QAAQ,CAAC;KAAQ;GAGtH,qBAAC,QAAA;IAAK,WAAW;IAAgB,sBAAoB;;KAClD,gBAAgB;KAChB,CAAC,CAAC,gBAAgB,eAAe,UAChC,oBAAC,WAAA;MAAU,WAAW,OAAO;gBAC3B,oBAAC,qBAAA;OAAY,YAAY;iBAAgB,eAAe;QAA6B;OAC3E;KAEd,oBAAC,qBAAA;MAAY,YAAY;gBAAgB,gBAAgB;OAAgC;;KACpF;GAEN,iBACC,qBAAC,QAAA;IAAK,WAAW;eACd,CAAC,CAAC,gBAAgB,qBAAqB,oBAAC,uBAAA,EAAA,UAAe,eAAe,mBAAA,CAAkC,EACxG,CAAC,CAAC,gBAAgB,oBAAoB,gBAAgB,iBAAA;KAClD;GAGT,oBAAC,QAAA;IAAK,WAAW;cACd,gBAAgB,iBACf,eAAe,cAAc,KAAK,YAAY,UAAU;AACtD,YACE,oBAAC,QAAA;MAAiB,WAAW;MAAc,mBAAiB;gBACzD;QADQ,MAEJ;MAET;KACC;GACN,eAAe,OAAO,gBAAgB,eACrC,oBAAC,QAAA;IAAK,WAAW;IAAgB,mBAAiB;cAChD,oBAAC,cAAA;KAAK,SAAS;KAAwB;KAAW,MAAM,SAAS;MAAU;KACtE;GAER,eACC,oBAAC,QAAA;IAAK,WAAW;IAAgB,mBAAiB;cAC/C;KACI;;GAEJ;;AAQX,kBAAkB,cAAc;AAChC,IAAM,gBAAgB;AACtB,cAAc,OAAO;AACrB,cAAc,KAAK,cAAc;AACjC,cAAc,gBAAgB;AAC9B,cAAc,cAAc,cAAc;AAE1C,IAAA,wBAAe"}

package/lib/ElementHeaderText.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { t as Highlighter_default } from "./Highlighter.js";
-import React from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./components/ElementHeader/styles.module.scss";
@@ -28,6 +27,7 @@ const ElementHeaderText = (props) => {
 	});
 };
 var ElementHeaderText_default = ElementHeaderText;
-export { ElementHeaderText_default as n, ElementHeaderText as t };
+var ElementHeaderText_default$1 = ElementHeaderText_default;
+export { ElementHeaderText as n, ElementHeaderText_default as r, ElementHeaderText_default$1 as t };
 //# sourceMappingURL=ElementHeaderText.js.map

package/lib/ElementHeaderText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ElementHeaderText.js","names":["ElementHeaderText: ~~ElementHeaderTextType~~"],"sources":["../src/components/ElementHeader/ElementHeaderText/ElementHeaderText.tsx"],"sourcesContent":["import ~~React~~ from '~~react~~';\n\nimport cn from '~~classnames~~';\n\nimport Highlighter from '../../Highlighter';\nimport ~~{ TitleTags } from '../../Title';\nimport~~ styles from '../styles.module.scss';\n\nexport type ElementHeaderTextType = ~~React.FC<ElementHeaderTextProps>;\~~n\nexport interface ElementHeaderTextProps {\n /** The first text in the ElementHeaderText Component /\n firstText: string;\n /* Will style the first text as bold /\n firstTextEmphasised?: boolean;\n /* The second text in the ElementHeaderText Component /\n secondText?: string;\n /* Will style the second text as bold /\n secondTextEmphasised?: boolean;\n /* Whether or not this ElementHeaderText is a sub text /\n subText?: boolean;\n /* Adds custom classes to the ElementHeaderText component. /\n className?: string;\n /* Sets the data-testid attribute. /\n testId?: string;\n /* Changes the underlying element of the text. Default: span/\n titleHtmlMarkup?: TitleTags;\n /* Highlights text. Used for search results */\n highlightText?: string;\n}\n\nexport const ElementHeaderText: ~~ElementHeaderTextType~~ = props => {\n const {\n firstText,\n firstTextEmphasised = false,\n secondText = undefined,\n secondTextEmphasised = false,\n subText = false,\n className = '',\n testId,\n titleHtmlMarkup = 'span',\n highlightText,\n } = props;\n\n const headerTextWrapperClasses = cn(className, styles['text-wrapper'], {\n [styles['text-wrapper--sub-level']]: subText,\n });\n const firstHeaderTextSegmentClasses = cn({\n [styles['text-wrapper__text--emphasised']]: firstTextEmphasised,\n });\n const secondHeaderTextSegmentClasses = cn({\n [styles['text-wrapper__text--emphasised']]: secondTextEmphasised,\n });\n const CustomTag = titleHtmlMarkup;\n\n return (\n <span data-testid={testId} className={headerTextWrapperClasses}>\n <CustomTag className={styles['element-header__title']}>\n <Highlighter searchText={highlightText}>\n <span className={firstHeaderTextSegmentClasses}>{firstText}</span>\n {secondText && <span className={secondHeaderTextSegmentClasses}>{secondText}</span>}\n </Highlighter>\n </CustomTag>\n </span>\n );\n};\n\nexport default ElementHeaderText;\n"],"mappings":"~~;;;;;AA+BA~~,MAAaA,~~qBAA2C~~,UAAS;~~CAC/D~~,MAAM,EACJ,WACA,sBAAsB,OACtB,aAAa,KAAA,GACb,uBAAuB,OACvB,UAAU,OACV,YAAY,IACZ,QACA,kBAAkB,QAClB,kBACE;CAEJ,MAAM,2BAA2B,WAAG,WAAW,OAAO,iBAAiB,GACpE,OAAO,6BAA6B,SACtC,CAAC;CACF,MAAM,gCAAgC,WAAG,GACtC,OAAO,oCAAoC,qBAC7C,CAAC;CACF,MAAM,iCAAiC,WAAG,GACvC,OAAO,oCAAoC,sBAC7C,CAAC;CACF,MAAM,YAAY;AAElB,QACE,oBAAC,QAAA;EAAK,eAAa;EAAQ,WAAW;YACpC,oBAAC,WAAA;GAAU,WAAW,OAAO;aAC3B,qBAAC,qBAAA;IAAY,YAAY;eACvB,oBAAC,QAAA;KAAK,WAAW;eAAgC;MAAiB,EACjE,cAAc,oBAAC,QAAA;KAAK,WAAW;eAAiC;MAAkB,CAAA;KACvE;IACJ;GACP;;AAIX,IAAA,4BAAe"}
1	+ {"version":3,"file":"ElementHeaderText.js","names":["ElementHeaderText: React.FC<ElementHeaderTextProps>"],"sources":["../src/components/ElementHeader/ElementHeaderText/ElementHeaderText.tsx","../src/components/ElementHeader/ElementHeaderText/index.ts"],"sourcesContent":["import cn from 'classnames';\n\nimport type { TitleTags } from '../../Title';\n\nimport Highlighter from '../../Highlighter';\nimport styles from '../styles.module.scss';\n\nexport type ElementHeaderTextType = typeof ElementHeaderText;\n\nexport interface ElementHeaderTextProps {\n /** The first text in the ElementHeaderText Component /\n firstText: string;\n /* Will style the first text as bold /\n firstTextEmphasised?: boolean;\n /* The second text in the ElementHeaderText Component /\n secondText?: string;\n /* Will style the second text as bold /\n secondTextEmphasised?: boolean;\n /* Whether or not this ElementHeaderText is a sub text /\n subText?: boolean;\n /* Adds custom classes to the ElementHeaderText component. /\n className?: string;\n /* Sets the data-testid attribute. /\n testId?: string;\n /* Changes the underlying element of the text. Default: span/\n titleHtmlMarkup?: TitleTags;\n /* Highlights text. Used for search results /\n highlightText?: string;\n}\n\nexport const ElementHeaderText: React.FC<ElementHeaderTextProps> = props => {\n const {\n firstText,\n firstTextEmphasised = false,\n secondText = undefined,\n secondTextEmphasised = false,\n subText = false,\n className = '',\n testId,\n titleHtmlMarkup = 'span',\n highlightText,\n } = props;\n\n const headerTextWrapperClasses = cn(className, styles['text-wrapper'], {\n [styles['text-wrapper--sub-level']]: subText,\n });\n const firstHeaderTextSegmentClasses = cn({\n [styles['text-wrapper__text--emphasised']]: firstTextEmphasised,\n });\n const secondHeaderTextSegmentClasses = cn({\n [styles['text-wrapper__text--emphasised']]: secondTextEmphasised,\n });\n const CustomTag = titleHtmlMarkup;\n\n return (\n <span data-testid={testId} className={headerTextWrapperClasses}>\n <CustomTag className={styles['element-header__title']}>\n <Highlighter searchText={highlightText}>\n <span className={firstHeaderTextSegmentClasses}>{firstText}</span>\n {secondText && <span className={secondHeaderTextSegmentClasses}>{secondText}</span>}\n </Highlighter>\n </CustomTag>\n </span>\n );\n};\n\nexport default ElementHeaderText;\n","import ElementHeaderText from './ElementHeaderText';\nexport from './ElementHeaderText';\nexport default ElementHeaderText;\n"],"mappings":";;;;AA8BA,MAAaA,qBAAsD,UAAS;CAC1E,MAAM,EACJ,WACA,sBAAsB,OACtB,aAAa,KAAA,GACb,uBAAuB,OACvB,UAAU,OACV,YAAY,IACZ,QACA,kBAAkB,QAClB,kBACE;CAEJ,MAAM,2BAA2B,WAAG,WAAW,OAAO,iBAAiB,GACpE,OAAO,6BAA6B,SACtC,CAAC;CACF,MAAM,gCAAgC,WAAG,GACtC,OAAO,oCAAoC,qBAC7C,CAAC;CACF,MAAM,iCAAiC,WAAG,GACvC,OAAO,oCAAoC,sBAC7C,CAAC;CACF,MAAM,YAAY;AAElB,QACE,oBAAC,QAAA;EAAK,eAAa;EAAQ,WAAW;YACpC,oBAAC,WAAA;GAAU,WAAW,OAAO;aAC3B,qBAAC,qBAAA;IAAY,YAAY;eACvB,oBAAC,QAAA;KAAK,WAAW;eAAgC;MAAiB,EACjE,cAAc,oBAAC,QAAA;KAAK,WAAW;eAAiC;MAAkB,CAAA;KACvE;IACJ;GACP;;AAIX,IAAA,4BAAe;AChEf,IAAA,8BAAe"}

package/lib/EmptyBox.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from "react";
 import { jsx } from "react/jsx-runtime";
 var EmptyBox = ({ isHovered }) => {
 	return isHovered ? /* @__PURE__ */ jsx("path", {

package/lib/EmptyBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyBox.js","names":["EmptyBox: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/EmptyBox.tsx"],"sourcesContent":["import ~~React~~ ~~from 'react';\n\nimport~~ { SvgPathProps } from '../Icon';\n\nconst EmptyBox: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {\n const normal = (\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.311 14.378a.65.65 0 0 1 .378 0l13.742 4.176a.65.65 0 0 1 .409.365l3.757 8.757a.65.65 0 0 1-.397.875l-3.308 1.07v6.664a.65.65 0 0 1-.439.614l-13.742 4.715a.65.65 0 0 1-.422 0L9.547 36.9a.65.65 0 0 1-.44-.614V29.62L5.8 28.55a.65.65 0 0 1-.397-.875l3.757-8.757a.65.65 0 0 1 .409-.365l13.742-4.176Zm-13.293 14.17a.644.644 0 0 0-.122-.038l-3.017-.977 3.244-7.561 12.5 3.92-3.248 7.684-9.357-3.027Zm.39 1.493v5.78l12.442 4.268V26.694l-2.509 5.937a.65.65 0 0 1-.799.365l-9.134-2.955Zm13.742-3.347V40.09l12.442-4.269v-5.779l-9.134 2.955a.65.65 0 0 1-.8-.365l-2.508-5.937Zm12.954 1.816a.64.64 0 0 0-.122.039l-9.358 3.027-3.247-7.683 12.5-3.921 3.244 7.561-3.017.976Zm-2.065-9.324-10.889-3.31v6.726l10.89-3.416ZM22.85 22.602v-6.726l-10.89 3.31 10.89 3.416ZM34.11 7.277a.65.65 0 0 1 .226.89l-2.777 4.666a.65.65 0 1 1-1.117-.665l2.777-4.665a.65.65 0 0 1 .891-.226Zm-7.406-.926a.65.65 0 0 1 .65.65v4.007a.65.65 0 1 1-1.3 0V7.001a.65.65 0 0 1 .65-.65Zm12.481 6.52a.65.65 0 0 1-.317.864l-3.253 1.505a.65.65 0 0 1-.546-1.18l3.253-1.505a.65.65 0 0 1 .863.317Z\"\n />\n );\n\n const normalHover = (\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.311 14.378a.65.65 0 0 1 .378 0l13.742 4.176a.65.65 0 0 1 .409.365l3.757 8.757a.65.65 0 0 1-.397.875l-3.308 1.07v6.664a.65.65 0 0 1-.439.614l-13.742 4.715a.65.65 0 0 1-.422 0L9.547 36.9a.65.65 0 0 1-.44-.614V29.62L5.8 28.55a.65.65 0 0 1-.397-.875l3.757-8.757a.65.65 0 0 1 .409-.365l13.742-4.176Zm-13.293 14.17a.644.644 0 0 0-.122-.038l-3.017-.977 3.244-7.561 12.5 3.92-3.248 7.684-9.357-3.027Zm.39 1.493v5.78l12.442 4.268V26.694l-2.509 5.937a.65.65 0 0 1-.799.365l-9.134-2.955Zm13.742-3.347V40.09l12.442-4.269v-5.779l-9.134 2.955a.65.65 0 0 1-.8-.365l-2.508-5.937Zm12.954 1.816a.64.64 0 0 0-.122.039l-9.358 3.027-3.247-7.683 12.5-3.921 3.244 7.561-3.017.976Zm-2.065-9.324-10.889-3.31v6.726l10.89-3.416ZM22.85 22.602v-6.726l-10.89 3.31 10.89 3.416ZM34.064 6.25a.65.65 0 0 1 .297.87l-2.777 5.666a.65.65 0 0 1-1.168-.572l2.778-5.666a.65.65 0 0 1 .87-.297Zm-8.517.12a.65.65 0 0 1 .787.473l1 4.007a.65.65 0 1 1-1.26.315l-1-4.008a.65.65 0 0 1 .473-.788Zm14.661 6.557a.65.65 0 0 1-.396.83l-4.253 1.505a.65.65 0 0 1-.434-1.226l4.254-1.505a.65.65 0 0 1 .83.396Z\"\n />\n );\n\n return isHovered ? normalHover : normal;\n};\n\nexport default EmptyBox;\n"],"mappings":"~~;;AAIA~~,IAAMA,YAAoC,EAAE,gBAAkD;AAiB5F,QAAO,YAPL,oBAAC,QAAA;EACC,UAAS;EACT,UAAS;EACT,GAAE;GACF,GAZF,oBAAC,QAAA;EACC,UAAS;EACT,UAAS;EACT,GAAE;GACF;;AAcN,IAAA,mBAAe"}
1	+ {"version":3,"file":"EmptyBox.js","names":["EmptyBox: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/EmptyBox.tsx"],"sourcesContent":["import type { SvgPathProps } from '../Icon';\n\nconst EmptyBox: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {\n const normal = (\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.311 14.378a.65.65 0 0 1 .378 0l13.742 4.176a.65.65 0 0 1 .409.365l3.757 8.757a.65.65 0 0 1-.397.875l-3.308 1.07v6.664a.65.65 0 0 1-.439.614l-13.742 4.715a.65.65 0 0 1-.422 0L9.547 36.9a.65.65 0 0 1-.44-.614V29.62L5.8 28.55a.65.65 0 0 1-.397-.875l3.757-8.757a.65.65 0 0 1 .409-.365l13.742-4.176Zm-13.293 14.17a.644.644 0 0 0-.122-.038l-3.017-.977 3.244-7.561 12.5 3.92-3.248 7.684-9.357-3.027Zm.39 1.493v5.78l12.442 4.268V26.694l-2.509 5.937a.65.65 0 0 1-.799.365l-9.134-2.955Zm13.742-3.347V40.09l12.442-4.269v-5.779l-9.134 2.955a.65.65 0 0 1-.8-.365l-2.508-5.937Zm12.954 1.816a.64.64 0 0 0-.122.039l-9.358 3.027-3.247-7.683 12.5-3.921 3.244 7.561-3.017.976Zm-2.065-9.324-10.889-3.31v6.726l10.89-3.416ZM22.85 22.602v-6.726l-10.89 3.31 10.89 3.416ZM34.11 7.277a.65.65 0 0 1 .226.89l-2.777 4.666a.65.65 0 1 1-1.117-.665l2.777-4.665a.65.65 0 0 1 .891-.226Zm-7.406-.926a.65.65 0 0 1 .65.65v4.007a.65.65 0 1 1-1.3 0V7.001a.65.65 0 0 1 .65-.65Zm12.481 6.52a.65.65 0 0 1-.317.864l-3.253 1.505a.65.65 0 0 1-.546-1.18l3.253-1.505a.65.65 0 0 1 .863.317Z\"\n />\n );\n\n const normalHover = (\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.311 14.378a.65.65 0 0 1 .378 0l13.742 4.176a.65.65 0 0 1 .409.365l3.757 8.757a.65.65 0 0 1-.397.875l-3.308 1.07v6.664a.65.65 0 0 1-.439.614l-13.742 4.715a.65.65 0 0 1-.422 0L9.547 36.9a.65.65 0 0 1-.44-.614V29.62L5.8 28.55a.65.65 0 0 1-.397-.875l3.757-8.757a.65.65 0 0 1 .409-.365l13.742-4.176Zm-13.293 14.17a.644.644 0 0 0-.122-.038l-3.017-.977 3.244-7.561 12.5 3.92-3.248 7.684-9.357-3.027Zm.39 1.493v5.78l12.442 4.268V26.694l-2.509 5.937a.65.65 0 0 1-.799.365l-9.134-2.955Zm13.742-3.347V40.09l12.442-4.269v-5.779l-9.134 2.955a.65.65 0 0 1-.8-.365l-2.508-5.937Zm12.954 1.816a.64.64 0 0 0-.122.039l-9.358 3.027-3.247-7.683 12.5-3.921 3.244 7.561-3.017.976Zm-2.065-9.324-10.889-3.31v6.726l10.89-3.416ZM22.85 22.602v-6.726l-10.89 3.31 10.89 3.416ZM34.064 6.25a.65.65 0 0 1 .297.87l-2.777 5.666a.65.65 0 0 1-1.168-.572l2.778-5.666a.65.65 0 0 1 .87-.297Zm-8.517.12a.65.65 0 0 1 .787.473l1 4.007a.65.65 0 1 1-1.26.315l-1-4.008a.65.65 0 0 1 .473-.788Zm14.661 6.557a.65.65 0 0 1-.396.83l-4.253 1.505a.65.65 0 0 1-.434-1.226l4.254-1.505a.65.65 0 0 1 .83.396Z\"\n />\n );\n\n return isHovered ? normalHover : normal;\n};\n\nexport default EmptyBox;\n"],"mappings":";AAEA,IAAMA,YAAoC,EAAE,gBAAkD;AAiB5F,QAAO,YAPL,oBAAC,QAAA;EACC,UAAS;EACT,UAAS;EACT,GAAE;GACF,GAZF,oBAAC,QAAA;EACC,UAAS;EACT,UAAS;EACT,GAAE;GACF;;AAcN,IAAA,mBAAe"}

package/lib/ErrorSignFill.js CHANGED Viewed

@@ -1,5 +1,4 @@
-import { r as getIcon } from "./Icon.js";
-import React from "react";
+import { t as getIcon } from "./utils.js";
 import { jsx } from "react/jsx-runtime";
 var ErrorSignFill = ({ size, isHovered }) => {
 	return getIcon({

package/lib/ErrorSignFill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorSignFill.js","names":["ErrorSignFill: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/ErrorSignFill.tsx"],"sourcesContent":["import ~~React~~ from '~~react~~';\n\nimport { getIcon, ~~SvgPathProps~~ } from '../Icon';\n\nconst ErrorSignFill: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n const normal = (\n <path d=\"M24.898 21.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 11.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z\" />\n );\n\n const normalHover = (\n <path d=\"M24.898 19.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 13.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z\" />\n );\n\n const xSmall = (\n <path d=\"M24.896 21.452v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 11.577a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z\" />\n );\n\n const xSmallHover = (\n <path d=\"M24.896 18.926v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 14.103a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z\" />\n );\n\n return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default ErrorSignFill;\n"],"mappings":"~~;;;~~AAIA,IAAMA,iBAAyC,EAAE,MAAM,gBAAkD;AAiBvG,QAAO,QAAQ;EAAE;EAAM;EAAW,QAfhC,oBAAC,QAAA,EAAK,GAAE,2LAAA,CAA4L;EAe5J,aAXxC,oBAAC,QAAA,EAAK,GAAE,2LAAA,CAA4L;EAW/I,QAPrD,oBAAC,QAAA,EAAK,GAAE,oLAAA,CAAqL;EAOhI,aAH7D,oBAAC,QAAA,EAAK,GAAE,oLAAA,CAAqL;EAGnH,CAAC;;AAG/E,IAAA,wBAAe"}
1	+ {"version":3,"file":"ErrorSignFill.js","names":["ErrorSignFill: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/ErrorSignFill.tsx"],"sourcesContent":["import type { SvgPathProps } from '../Icon';\n\nimport { getIcon } from '../Icon/utils';\n\nconst ErrorSignFill: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n const normal = (\n <path d=\"M24.898 21.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 11.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z\" />\n );\n\n const normalHover = (\n <path d=\"M24.898 19.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 13.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z\" />\n );\n\n const xSmall = (\n <path d=\"M24.896 21.452v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 11.577a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z\" />\n );\n\n const xSmallHover = (\n <path d=\"M24.896 18.926v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 14.103a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z\" />\n );\n\n return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default ErrorSignFill;\n"],"mappings":";;AAIA,IAAMA,iBAAyC,EAAE,MAAM,gBAAkD;AAiBvG,QAAO,QAAQ;EAAE;EAAM;EAAW,QAfhC,oBAAC,QAAA,EAAK,GAAE,2LAAA,CAA4L;EAe5J,aAXxC,oBAAC,QAAA,EAAK,GAAE,2LAAA,CAA4L;EAW/I,QAPrD,oBAAC,QAAA,EAAK,GAAE,oLAAA,CAAqL;EAOhI,aAH7D,oBAAC,QAAA,EAAK,GAAE,oLAAA,CAAqL;EAGnH,CAAC;;AAG/E,IAAA,wBAAe"}

package/lib/ErrorWrapper.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./components/ErrorWrapper/styles.module.scss";

package/lib/ErrorWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorWrapper.js","names":["ErrorWrapper: React.FC<ErrorWrapperProps>"],"sources":["../src/components/ErrorWrapper/ErrorWrapper.tsx","../src/components/ErrorWrapper/index.ts"],"sourcesContent":["import ~~React from 'react';\n\nimport~~ cn from 'classnames';\n\nimport styles from './styles.module.scss';\n\nexport interface ErrorWrapperClassNameProps {\n errorWrapperClassName?: string;\n}\n\nexport interface ErrorWrapperProps {\n /** Form component /\n children?: React.ReactNode;\n /* Error message /\n errorText?: string;\n /* Error text id /\n errorTextId?: string;\n /* Adds custom classes to the element. /\n className?: string;\n /* Adds a ref to the error message p tag /\n errorMessageRef?: React.~~ForwardedRef~~<HTMLDivElement>;\n /* Renders the error component (Default: true) /\n renderError?: boolean;\n /* Sets the data-testid attribute. /\n testId?: string;\n}\n\nexport const ErrorWrapper: React.FC<ErrorWrapperProps> = props => {\n const { renderError = true } = props;\n\n const errorWrapperClasses = cn(props.errorText && renderError && styles[`error-wrapper--with-error`], props.className);\n\n return (\n <div className={errorWrapperClasses} data-testid={props.testId}>\n <span ref={props.errorMessageRef} tabIndex={-1}>\n {props.errorText && (\n <p className={styles['error-wrapper__errors']} id={props.errorTextId}>\n {props.errorText}\n </p>\n )}\n </span>\n {props.children}\n </div>\n );\n};\n\nexport default ErrorWrapper;\n","import ErrorWrapper from './ErrorWrapper';\nexport from './ErrorWrapper';\nexport default ErrorWrapper;\n"],"mappings":"~~;;;;AA2BA~~,MAAaA,gBAA4C,UAAS;CAChE,MAAM,EAAE,cAAc,SAAS;AAI/B,QACE,qBAAC,OAAA;EAAI,WAHqB,WAAG,MAAM,aAAa,eAAe,OAAO,8BAA8B,MAAM,UAAU;EAG/E,eAAa,MAAM;aACtD,oBAAC,QAAA;GAAK,KAAK,MAAM;GAAiB,UAAU;aACzC,MAAM,aACL,oBAAC,KAAA;IAAE,WAAW,OAAO;IAA0B,IAAI,MAAM;cACtD,MAAM;KACL;IAED,EACN,MAAM,SAAA;GACH;;~~ACxCV~~,IAAA,~~yBD4Ce~~"}
1	+ {"version":3,"file":"ErrorWrapper.js","names":["ErrorWrapper: React.FC<ErrorWrapperProps>"],"sources":["../src/components/ErrorWrapper/ErrorWrapper.tsx","../src/components/ErrorWrapper/index.ts"],"sourcesContent":["import cn from 'classnames';\n\nimport styles from './styles.module.scss';\n\nexport interface ErrorWrapperClassNameProps {\n errorWrapperClassName?: string;\n}\n\nexport interface ErrorWrapperProps {\n /** Form component /\n children?: React.ReactNode;\n /* Error message /\n errorText?: string;\n /* Error text id /\n errorTextId?: string;\n /* Adds custom classes to the element. /\n className?: string;\n /* Adds a ref to the error message p tag /\n errorMessageRef?: React.Ref<HTMLDivElement>;\n /* Renders the error component (Default: true) /\n renderError?: boolean;\n /* Sets the data-testid attribute. /\n testId?: string;\n}\n\nexport const ErrorWrapper: React.FC<ErrorWrapperProps> = props => {\n const { renderError = true } = props;\n\n const errorWrapperClasses = cn(props.errorText && renderError && styles[`error-wrapper--with-error`], props.className);\n\n return (\n <div className={errorWrapperClasses} data-testid={props.testId}>\n <span ref={props.errorMessageRef} tabIndex={-1}>\n {props.errorText && (\n <p className={styles['error-wrapper__errors']} id={props.errorTextId}>\n {props.errorText}\n </p>\n )}\n </span>\n {props.children}\n </div>\n );\n};\n\nexport default ErrorWrapper;\n","import ErrorWrapper from './ErrorWrapper';\nexport from './ErrorWrapper';\nexport default ErrorWrapper;\n"],"mappings":";;;AAyBA,MAAaA,gBAA4C,UAAS;CAChE,MAAM,EAAE,cAAc,SAAS;AAI/B,QACE,qBAAC,OAAA;EAAI,WAHqB,WAAG,MAAM,aAAa,eAAe,OAAO,8BAA8B,MAAM,UAAU;EAG/E,eAAa,MAAM;aACtD,oBAAC,QAAA;GAAK,KAAK,MAAM;GAAiB,UAAU;aACzC,MAAM,aACL,oBAAC,KAAA;IAAE,WAAW,OAAO;IAA0B,IAAI,MAAM;cACtD,MAAM;KACL;IAED,EACN,MAAM,SAAA;GACH;;ACtCV,IAAA,yBD0Ce"}

package/lib/Expander.js CHANGED Viewed

@@ -7,8 +7,8 @@ import { t as useSize } from "./useSize.js";
 import { t as ChevronDown_default } from "./ChevronDown.js";
 import { t as ChevronUp_default } from "./ChevronUp.js";
 import { t as useExpand } from "./useExpand.js";
-import React, { useRef } from "react";
 import classNames from "classnames";
+import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./components/Expander/styles.module.scss";
 let ExpanderSize = /* @__PURE__ */ function(ExpanderSize$1) {