@helsenorge/designsystem-react 12.12.2 → 12.12.3

package/.storybook/manager-head.html

@@ -1,90 +0,0 @@
-<!-- Default meta title -->
-<title>Storybook - Frankenstein</title>
-<meta name="title" content="Storybook - Frankenstein" />
-
-<style>
-  /* Tilpasser høyden på Storybook til å gi plass til header*/
-  #root > * {
-    height: calc(100dvh - 60px) !important;
-  }
-
-  #header {
-    height: 60px;
-    width: 100%;
-    background-color: #06596c; /* blueberry 800 */
-  }
-
-  .navbar {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    padding-right: 16px;
-  }
-
-  .logo-wrapper {
-    display: flex;
-    padding: 0px 28px;
-  }
-
-  ul {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: end;
-    align-items: center;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
-  a {
-    display: inline;
-    box-decoration-break: clone;
-    overflow-wrap: break-word;
-    word-break: break-word;
-    text-align: left;
-    color: #e4f7f9; /* blueberry 50 */
-    border: 2px solid transparent;
-    text-decoration: underline;
-    text-underline-offset: 0.16rem;
-    text-decoration-color: #cae7ed; /* blueberry 100 */
-    text-decoration-thickness: 1px;
-    padding: 0.1rem;
-  }
-
-  a:hover {
-    cursor: pointer;
-    background-color: #08667c; /* blueberry 700 */
-  }
-</style>
-
-<header id="header">
-  <nav class="navbar">
-    <div class="logo-wrapper">
-      <svg width="148" height="31" viewBox="0 0 148 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M17.132 1H1.24403V29H17.132V1Z" fill="#E4F7F9" />
-        <path d="M9.30762 12.5891H0V24.825H9.30762V12.5891Z" fill="#E4F7F9" />
-        <path d="M23.4018 1H13.4985V10.6183H23.4018V1Z" fill="#E4F7F9" />
-        <path d="M21.3356 10.6183H13.4985V20.9491H21.3356V10.6183Z" fill="#E4F7F9" />
-        <path d="M5.4476 14.2876V11.0458H10.2924V13.112H17.1321V17.2443H11.0049L5.4476 14.2876Z" fill="#06596C" />
-        <path d="M4.27202 19.8804V14.5369L10.2924 17.7074V19.8804H4.27202Z" fill="#06596C" />
-        <path d="M14.5672 4.56235H19.127V8.69466H14.5672V4.56235Z" fill="#06596C" />
-        <path d="M10.2924 20.7354H5.4476V24.7965H10.2924V20.7354Z" fill="#06596C" />
-        <path d="M5.4476 4.56235V10.1908H10.2924V8.69466H13.7122V4.56235H5.4476Z" fill="#06596C" />
-        <path
-          d="M33.8905 14.8397V1.75972H41.7905V3.71972H36.2105V7.41972H40.9705V9.37972H36.2105V14.8397H33.8905ZM43.8952 14.8397V5.01972H45.7952L45.9552 6.75972H46.0352C46.3818 6.11972 46.8018 5.63305 47.2952 5.29972C47.7885 4.95305 48.2952 4.77972 48.8152 4.77972C49.2818 4.77972 49.6552 4.84639 49.9352 4.97972L49.5352 6.97972C49.3618 6.92639 49.2018 6.88639 49.0552 6.85972C48.9085 6.83305 48.7285 6.81972 48.5152 6.81972C48.1285 6.81972 47.7218 6.97305 47.2952 7.27972C46.8685 7.57305 46.5018 8.09305 46.1952 8.83972V14.8397H43.8952ZM53.6087 15.0797C52.7554 15.0797 52.0554 14.8131 51.5087 14.2797C50.9754 13.7464 50.7087 13.0531 50.7087 12.1997C50.7087 11.1464 51.1687 10.3331 52.0887 9.75972C53.0087 9.17305 54.4754 8.77305 56.4887 8.55972C56.4754 8.03972 56.3354 7.59305 56.0687 7.21972C55.8154 6.83305 55.3554 6.63972 54.6887 6.63972C54.2087 6.63972 53.7354 6.73305 53.2687 6.91972C52.8154 7.10639 52.3687 7.33305 51.9287 7.59972L51.0887 6.05972C51.6354 5.71305 52.2487 5.41305 52.9287 5.15972C53.6221 4.90639 54.3554 4.77972 55.1287 4.77972C56.3554 4.77972 57.2687 5.14639 57.8687 5.87972C58.4821 6.59972 58.7887 7.64639 58.7887 9.01972V14.8397H56.8887L56.7287 13.7597H56.6487C56.2087 14.1331 55.7354 14.4464 55.2287 14.6997C54.7354 14.9531 54.1954 15.0797 53.6087 15.0797ZM54.3487 13.2797C54.7487 13.2797 55.1087 13.1864 55.4287 12.9997C55.7621 12.7997 56.1154 12.5331 56.4887 12.1997V9.99972C55.1554 10.1731 54.2287 10.4331 53.7087 10.7797C53.1887 11.1131 52.9287 11.5264 52.9287 12.0197C52.9287 12.4597 53.0621 12.7797 53.3287 12.9797C53.5954 13.1797 53.9354 13.2797 54.3487 13.2797ZM61.9413 14.8397V5.01972H63.8413L64.0013 6.33972H64.0813C64.5213 5.91305 65.0013 5.54639 65.5213 5.23972C66.0413 4.93305 66.6346 4.77972 67.3013 4.77972C68.3546 4.77972 69.1213 5.11972 69.6013 5.79972C70.0813 6.47972 70.3213 7.43972 70.3213 8.67972V14.8397H68.0213V8.97972C68.0213 8.16639 67.9013 7.59305 67.6613 7.25972C67.4213 6.92639 67.0279 6.75972 66.4813 6.75972C66.0546 6.75972 65.6746 6.86639 65.3413 7.07972C65.0213 7.27972 64.6546 7.57972 64.2413 7.97972V14.8397H61.9413ZM73.5327 14.8397V0.719725H75.7927V9.53972H75.8527L79.4927 5.01972H82.0127L78.6527 9.01972L82.3527 14.8397H79.8527L77.3327 10.5797L75.7927 12.3397V14.8397H73.5327ZM88.1131 15.0797C87.2065 15.0797 86.3865 14.8797 85.6531 14.4797C84.9198 14.0664 84.3398 13.4797 83.9131 12.7197C83.4865 11.9464 83.2731 11.0197 83.2731 9.93972C83.2731 8.87305 83.4865 7.95305 83.9131 7.17972C84.3531 6.40639 84.9198 5.81305 85.6131 5.39972C86.3065 4.98639 87.0331 4.77972 87.7931 4.77972C88.6865 4.77972 89.4331 4.97972 90.0331 5.37972C90.6331 5.76639 91.0865 6.31305 91.3931 7.01972C91.6998 7.71305 91.8531 8.51972 91.8531 9.43972C91.8531 9.91972 91.8198 10.2931 91.7531 10.5597H85.5131C85.6198 11.4264 85.9331 12.0997 86.4531 12.5797C86.9731 13.0597 87.6265 13.2997 88.4131 13.2997C88.8398 13.2997 89.2331 13.2397 89.5931 13.1197C89.9665 12.9864 90.3331 12.8064 90.6931 12.5797L91.4731 14.0197C91.0065 14.3264 90.4865 14.5797 89.9131 14.7797C89.3398 14.9797 88.7398 15.0797 88.1131 15.0797ZM85.4931 8.99972H89.8531C89.8531 8.23972 89.6865 7.64639 89.3531 7.21972C89.0198 6.77972 88.5198 6.55972 87.8531 6.55972C87.2798 6.55972 86.7665 6.77305 86.3131 7.19972C85.8731 7.61305 85.5998 8.21305 85.4931 8.99972ZM94.4498 14.8397V5.01972H96.3498L96.5098 6.33972H96.5898C97.0298 5.91305 97.5098 5.54639 98.0298 5.23972C98.5498 4.93305 99.1432 4.77972 99.8098 4.77972C100.863 4.77972 101.63 5.11972 102.11 5.79972C102.59 6.47972 102.83 7.43972 102.83 8.67972V14.8397H100.53V8.97972C100.53 8.16639 100.41 7.59305 100.17 7.25972C99.9298 6.92639 99.5365 6.75972 98.9898 6.75972C98.5632 6.75972 98.1832 6.86639 97.8498 7.07972C97.5298 7.27972 97.1632 7.57972 96.7498 7.97972V14.8397H94.4498ZM108.781 15.0797C108.115 15.0797 107.448 14.9531 106.781 14.6997C106.115 14.4331 105.541 14.1064 105.061 13.7197L106.141 12.2397C106.581 12.5731 107.021 12.8397 107.461 13.0397C107.901 13.2397 108.368 13.3397 108.861 13.3397C109.395 13.3397 109.788 13.2264 110.041 12.9997C110.295 12.7731 110.421 12.4931 110.421 12.1597C110.421 11.8797 110.315 11.6531 110.101 11.4797C109.901 11.2931 109.641 11.1331 109.321 10.9997C109.001 10.8531 108.668 10.7131 108.321 10.5797C107.895 10.4197 107.468 10.2264 107.041 9.99972C106.628 9.75972 106.288 9.45972 106.021 9.09972C105.755 8.72639 105.621 8.26639 105.621 7.71972C105.621 6.85305 105.941 6.14639 106.581 5.59972C107.221 5.05305 108.088 4.77972 109.181 4.77972C109.875 4.77972 110.495 4.89972 111.041 5.13972C111.588 5.37972 112.061 5.65305 112.461 5.95972L111.401 7.35972C111.055 7.10639 110.701 6.90639 110.341 6.75972C109.995 6.59972 109.628 6.51972 109.241 6.51972C108.748 6.51972 108.381 6.62639 108.141 6.83972C107.901 7.03972 107.781 7.29305 107.781 7.59972C107.781 7.98639 107.981 8.27972 108.381 8.47972C108.781 8.67972 109.248 8.87305 109.781 9.05972C110.235 9.21972 110.675 9.41972 111.101 9.65972C111.528 9.88639 111.881 10.1864 112.161 10.5597C112.455 10.9331 112.601 11.4264 112.601 12.0397C112.601 12.8797 112.275 13.5997 111.621 14.1997C110.968 14.7864 110.021 15.0797 108.781 15.0797ZM118.124 15.0797C116.991 15.0797 116.184 14.7531 115.704 14.0997C115.237 13.4331 115.004 12.5731 115.004 11.5197V6.83972H113.604V5.11972L115.124 5.01972L115.404 2.33972H117.324V5.01972H119.824V6.83972H117.324V11.5197C117.324 12.6664 117.784 13.2397 118.704 13.2397C118.877 13.2397 119.057 13.2197 119.244 13.1797C119.431 13.1264 119.591 13.0731 119.724 13.0197L120.124 14.7197C119.857 14.8131 119.551 14.8931 119.204 14.9597C118.871 15.0397 118.511 15.0797 118.124 15.0797ZM126.178 15.0797C125.271 15.0797 124.451 14.8797 123.718 14.4797C122.985 14.0664 122.405 13.4797 121.978 12.7197C121.551 11.9464 121.338 11.0197 121.338 9.93972C121.338 8.87305 121.551 7.95305 121.978 7.17972C122.418 6.40639 122.985 5.81305 123.678 5.39972C124.371 4.98639 125.098 4.77972 125.858 4.77972C126.751 4.77972 127.498 4.97972 128.098 5.37972C128.698 5.76639 129.151 6.31305 129.458 7.01972C129.765 7.71305 129.918 8.51972 129.918 9.43972C129.918 9.91972 129.885 10.2931 129.818 10.5597H123.578C123.685 11.4264 123.998 12.0997 124.518 12.5797C125.038 13.0597 125.691 13.2997 126.478 13.2997C126.905 13.2997 127.298 13.2397 127.658 13.1197C128.031 12.9864 128.398 12.8064 128.758 12.5797L129.538 14.0197C129.071 14.3264 128.551 14.5797 127.978 14.7797C127.405 14.9797 126.805 15.0797 126.178 15.0797ZM123.558 8.99972H127.918C127.918 8.23972 127.751 7.64639 127.418 7.21972C127.085 6.77972 126.585 6.55972 125.918 6.55972C125.345 6.55972 124.831 6.77305 124.378 7.19972C123.938 7.61305 123.665 8.21305 123.558 8.99972ZM132.515 14.8397V5.01972H134.815V14.8397H132.515ZM133.675 3.29972C133.261 3.29972 132.928 3.17972 132.675 2.93972C132.421 2.69972 132.295 2.37972 132.295 1.97972C132.295 1.59305 132.421 1.27972 132.675 1.03972C132.928 0.799725 133.261 0.679726 133.675 0.679726C134.088 0.679726 134.421 0.799725 134.675 1.03972C134.928 1.27972 135.055 1.59305 135.055 1.97972C135.055 2.37972 134.928 2.69972 134.675 2.93972C134.421 3.17972 134.088 3.29972 133.675 3.29972ZM138.149 14.8397V5.01972H140.049L140.209 6.33972H140.289C140.729 5.91305 141.209 5.54639 141.729 5.23972C142.249 4.93305 142.842 4.77972 143.509 4.77972C144.562 4.77972 145.329 5.11972 145.809 5.79972C146.289 6.47972 146.529 7.43972 146.529 8.67972V14.8397H144.229V8.97972C144.229 8.16639 144.109 7.59305 143.869 7.25972C143.629 6.92639 143.236 6.75972 142.689 6.75972C142.262 6.75972 141.882 6.86639 141.549 7.07972C141.229 7.27972 140.862 7.57972 140.449 7.97972V14.8397H138.149Z"
-          fill="#E4F7F9"
-        />
-        <path
-          d="M36.6325 28.897C36.0538 28.897 35.5265 28.799 35.0505 28.603C34.5745 28.407 34.1638 28.155 33.8185 27.847L34.4345 27.049C34.7425 27.329 35.0831 27.553 35.4565 27.721C35.8391 27.889 36.2451 27.973 36.6745 27.973C37.1505 27.973 37.5145 27.8703 37.7665 27.665C38.0278 27.4597 38.1585 27.1937 38.1585 26.867C38.1585 26.5123 38.0418 26.2557 37.8085 26.097C37.5845 25.9383 37.3045 25.789 36.9685 25.649L36.0585 25.285C35.5638 25.0983 35.1345 24.8557 34.7705 24.557C34.4158 24.249 34.2385 23.8337 34.2385 23.311C34.2385 22.7043 34.4718 22.219 34.9385 21.855C35.4145 21.491 36.0211 21.309 36.7585 21.309C37.2905 21.309 37.7571 21.3977 38.1585 21.575C38.5691 21.7523 38.9051 21.9577 39.1665 22.191L38.5645 22.947C38.3218 22.7323 38.0465 22.5597 37.7385 22.429C37.4305 22.2983 37.0991 22.233 36.7445 22.233C36.3338 22.233 36.0071 22.3217 35.7645 22.499C35.5218 22.6763 35.4005 22.9283 35.4005 23.255C35.4005 23.5443 35.5031 23.7683 35.7085 23.927C35.9231 24.0857 36.2171 24.2397 36.5905 24.389L37.5145 24.753C37.8691 24.8837 38.1818 25.0283 38.4525 25.187C38.7325 25.3457 38.9471 25.551 39.0965 25.803C39.2551 26.0457 39.3345 26.3723 39.3345 26.783C39.3345 27.3803 39.0918 27.8843 38.6065 28.295C38.1211 28.6963 37.4631 28.897 36.6325 28.897ZM42.9759 28.729V22.443H40.6799V21.477H46.4339V22.443H44.1379V28.729H42.9759ZM51.2839 28.897C50.6212 28.897 50.0332 28.743 49.5199 28.435C49.0066 28.127 48.6052 27.6883 48.3159 27.119C48.0266 26.5497 47.8819 25.873 47.8819 25.089C47.8819 24.2957 48.0266 23.619 48.3159 23.059C48.6052 22.4897 49.0066 22.0557 49.5199 21.757C50.0332 21.4583 50.6212 21.309 51.2839 21.309C51.9466 21.309 52.5346 21.4583 53.0479 21.757C53.5612 22.0557 53.9626 22.4897 54.2519 23.059C54.5412 23.619 54.6859 24.2957 54.6859 25.089C54.6859 25.873 54.5412 26.5497 54.2519 27.119C53.9626 27.6883 53.5612 28.127 53.0479 28.435C52.5346 28.743 51.9466 28.897 51.2839 28.897ZM51.2839 27.917C51.9466 27.917 52.4786 27.665 52.8799 27.161C53.2812 26.6477 53.4819 25.957 53.4819 25.089C53.4819 24.2117 53.2812 23.5257 52.8799 23.031C52.4786 22.5363 51.9466 22.289 51.2839 22.289C50.6212 22.289 50.0892 22.5363 49.6879 23.031C49.2866 23.5257 49.0859 24.2117 49.0859 25.089C49.0859 25.957 49.2866 26.6477 49.6879 27.161C50.0892 27.665 50.6212 27.917 51.2839 27.917ZM57.358 28.729V21.477H59.864C60.4054 21.477 60.8814 21.5423 61.292 21.673C61.712 21.8037 62.0434 22.023 62.286 22.331C62.5287 22.639 62.65 23.059 62.65 23.591C62.65 24.1323 62.496 24.5803 62.188 24.935C61.8894 25.2897 61.488 25.537 60.984 25.677L62.916 28.729H61.67L59.864 25.817H58.52V28.729H57.358ZM58.52 24.977H59.738C60.942 24.977 61.544 24.5383 61.544 23.661C61.544 23.1943 61.3854 22.8677 61.068 22.681C60.7507 22.4943 60.3027 22.401 59.724 22.401H58.52V24.977ZM66.3135 28.729V25.985L63.9755 21.477H65.2075L66.1315 23.395C66.2528 23.6563 66.3741 23.9177 66.4955 24.179C66.6261 24.4403 66.7568 24.7063 66.8875 24.977H66.9435C67.0741 24.7063 67.2001 24.4403 67.3215 24.179C67.4428 23.9177 67.5641 23.6563 67.6855 23.395L68.6095 21.477H69.8135L67.4755 25.985V28.729H66.3135ZM71.76 28.729V21.477H74.14C74.672 21.477 75.1433 21.5377 75.554 21.659C75.9647 21.771 76.2867 21.9577 76.52 22.219C76.7533 22.4803 76.87 22.8303 76.87 23.269C76.87 23.6143 76.7627 23.9317 76.548 24.221C76.3427 24.5103 76.03 24.711 75.61 24.823V24.879C76.1233 24.9723 76.5293 25.1637 76.828 25.453C77.136 25.733 77.29 26.1203 77.29 26.615C77.29 27.3337 77.01 27.8657 76.45 28.211C75.8993 28.5563 75.19 28.729 74.322 28.729H71.76ZM72.922 24.543H74.014C74.6487 24.543 75.1013 24.445 75.372 24.249C75.652 24.053 75.792 23.7683 75.792 23.395C75.792 23.0217 75.6473 22.7557 75.358 22.597C75.0687 22.429 74.6347 22.345 74.056 22.345H72.922V24.543ZM72.922 27.861H74.182C74.7887 27.861 75.2693 27.763 75.624 27.567C75.988 27.3617 76.17 27.021 76.17 26.545C76.17 26.1343 75.9973 25.831 75.652 25.635C75.316 25.4297 74.826 25.327 74.182 25.327H72.922V27.861ZM82.6991 28.897C82.0365 28.897 81.4485 28.743 80.9351 28.435C80.4218 28.127 80.0205 27.6883 79.7311 27.119C79.4418 26.5497 79.2971 25.873 79.2971 25.089C79.2971 24.2957 79.4418 23.619 79.7311 23.059C80.0205 22.4897 80.4218 22.0557 80.9351 21.757C81.4485 21.4583 82.0365 21.309 82.6991 21.309C83.3618 21.309 83.9498 21.4583 84.4631 21.757C84.9765 22.0557 85.3778 22.4897 85.6671 23.059C85.9565 23.619 86.1011 24.2957 86.1011 25.089C86.1011 25.873 85.9565 26.5497 85.6671 27.119C85.3778 27.6883 84.9765 28.127 84.4631 28.435C83.9498 28.743 83.3618 28.897 82.6991 28.897ZM82.6991 27.917C83.3618 27.917 83.8938 27.665 84.2951 27.161C84.6965 26.6477 84.8971 25.957 84.8971 25.089C84.8971 24.2117 84.6965 23.5257 84.2951 23.031C83.8938 22.5363 83.3618 22.289 82.6991 22.289C82.0365 22.289 81.5045 22.5363 81.1031 23.031C80.7018 23.5257 80.5011 24.2117 80.5011 25.089C80.5011 25.957 80.7018 26.6477 81.1031 27.161C81.5045 27.665 82.0365 27.917 82.6991 27.917ZM91.6433 28.897C90.9806 28.897 90.3926 28.743 89.8793 28.435C89.3659 28.127 88.9646 27.6883 88.6753 27.119C88.3859 26.5497 88.2413 25.873 88.2413 25.089C88.2413 24.2957 88.3859 23.619 88.6753 23.059C88.9646 22.4897 89.3659 22.0557 89.8793 21.757C90.3926 21.4583 90.9806 21.309 91.6433 21.309C92.3059 21.309 92.8939 21.4583 93.4073 21.757C93.9206 22.0557 94.3219 22.4897 94.6113 23.059C94.9006 23.619 95.0453 24.2957 95.0453 25.089C95.0453 25.873 94.9006 26.5497 94.6113 27.119C94.3219 27.6883 93.9206 28.127 93.4073 28.435C92.8939 28.743 92.3059 28.897 91.6433 28.897ZM91.6433 27.917C92.3059 27.917 92.8379 27.665 93.2393 27.161C93.6406 26.6477 93.8413 25.957 93.8413 25.089C93.8413 24.2117 93.6406 23.5257 93.2393 23.031C92.8379 22.5363 92.3059 22.289 91.6433 22.289C90.9806 22.289 90.4486 22.5363 90.0473 23.031C89.6459 23.5257 89.4453 24.2117 89.4453 25.089C89.4453 25.957 89.6459 26.6477 90.0473 27.161C90.4486 27.665 90.9806 27.917 91.6433 27.917ZM97.7174 28.729V21.477H98.8794V24.921H98.9214L101.973 21.477H103.261L100.839 24.277L103.597 28.729H102.351L100.139 25.089L98.8794 26.419V28.729H97.7174Z"
-          fill="#E4F7F9"
-        />
-      </svg>
-    </div>
-    <ul>
-      <li><a href="https://frankenstein.helsenorge.design/">Fullstendig dokumentasjon</a></li>
-    </ul>
-  </nav>
-</header>

package/.storybook/manager.ts

@@ -1,15 +0,0 @@
-import { addons } from 'storybook/manager-api';
-import { create } from 'storybook/theming';
-
-import { palette } from '../src/theme/palette';
-
-const theme = create({
-  base: 'light',
-  colorSecondary: palette.blueberry500,
-  appBg: palette.blueberry50,
-  brandTitle: 'Komponenter',
-});
-
-addons.setConfig({
-  theme,
-});

package/.storybook/preview.tsx

@@ -1,91 +0,0 @@
-import React from 'react';
-
-import { theme } from '../src/theme';
-import { breakpoints } from '../src/theme/grid';
-import { Preview } from '@storybook/react-vite';
-import GridExample from '../src/docs/GridExample';
-import '../src/scss/helsenorge.scss';
-import { background } from 'storybook/internal/theming';
-
-const placeholder = '#4A412A';
-
-const createBackgroundColors = () =>
-  Object.keys(theme.palette)
-    .filter(key => theme.palette[key] !== placeholder)
-    .reduce<Record<string, { name: string; value: string }>>((acc, key) => {
-      acc[key] = { name: key, value: theme.palette[key] };
-      return acc;
-    }, {});
-
-const createCustomViewPorts = () =>
-  Object.keys(breakpoints).reduce<
-    Record<
-      string,
-      {
-        name: string;
-        styles: { width: string; height: string };
-        type: 'mobile' | 'tablet' | 'desktop' | 'other';
-      }
-    >
-  >((acc, bp) => {
-    const px = breakpoints[bp];
-    const type = px >= breakpoints.lg ? 'desktop' : px >= breakpoints.md ? 'tablet' : 'mobile';
-    acc[bp] = {
-      name: bp,
-      styles: {
-        width: `${bp === 'xxs' ? 320 : px}px`,
-        height: '100%',
-      },
-      type,
-    };
-    return acc;
-  }, {});
-
-export const parameters = {
-  layout: 'fullscreen',
-  backgrounds: {
-    options: createBackgroundColors(),
-  },
-  viewport: {
-    options: createCustomViewPorts(),
-  },
-};
-
-const preview: Preview = {
-  parameters: parameters,
-  globalTypes: {
-    layout: {
-      description: 'Grid layout',
-      defaultValue: 'helsenorge',
-      toolbar: {
-        icon: 'component',
-        items: [
-          { value: 'helsenorge', title: 'Helsenorge grid' },
-          { value: 'padding', title: 'Padding' },
-          { value: 'none', title: 'None' },
-        ],
-        dynamicTitle: true,
-      },
-    },
-    options: {
-      storySort: {
-        order: ['Dokumentasjon/Introduksjon', '*'],
-      },
-    },
-  },
-  initialGlobals: {
-    backgrounds: { value: 'white' },
-  },
-
-  decorators: [
-    (Story, context) => (
-      <GridExample gridLayout={context.globals.layout}>
-        <Story />
-      </GridExample>
-    ),
-  ],
-
-  tags: ['autodocs'],
-};
-
-export default preview;

package/__scripts__/entries.js

@@ -1,47 +0,0 @@
-import { globSync } from 'glob';
-
-const getEntryName = name => {
-  return name.replace(/^src[/\\]/, '').replace(/\.tsx?$/, '');
-};
-
-const createEntries = (entryList, entry) => {
-  const name = getEntryName(entry);
-
-  if (name in entryList) {
-    throw new Error(`${name} finnes flere ganger i listen med entries`);
-  }
-  entryList[name] = entry;
-
-  return entryList;
-};
-
-export const alwaysIgnore = [
-  '**/__snapshots__/**/*',
-  '**/*.stories.tsx',
-  '**/*.test.tsx',
-  '**/*.scss',
-  '**/*.scss.d.ts',
-  '**/*.d.ts',
-  '**/utils/**/*',
-];
-
-const components = globSync(`src/components/**/index.{ts,tsx}`, { ignore: alwaysIgnore });
-
-const icons = globSync(`src/components/Icons/*.{ts,tsx}`, { ignore: alwaysIgnore });
-
-const illustrations = globSync(`src/components/Illustrations/*.{ts,tsx}`, { ignore: alwaysIgnore });
-
-const hooksAndExtras = globSync(
-  ['src/*.{ts,tsx}', 'src/theme/**/*.{ts,tsx}', 'src/hooks/**/*.{ts,tsx}', 'src/hoc/**/*.{ts,tsx}', 'src/__mocks__/**/*.{ts,tsx}'],
-  {
-    ignore: alwaysIgnore,
-  }
-);
-
-const utils = globSync(`src/utils/*.{ts,tsx}`, {
-  ignore: ['**/*.stories.tsx'],
-});
-
-export const entries = [...components, ...icons, ...illustrations, ...hooksAndExtras, ...utils]
-  .sort((a, b) => a.localeCompare(b))
-  .reduce(createEntries, {});

package/__scripts__/generateIconNames.mjs

@@ -1,27 +0,0 @@
-import { writeFileSync } from 'fs';
-import { parse } from 'path';
-
-import { glob } from 'glob';
-import prettier from 'prettier';
-
-const OUTPUT_FILE = 'src/components/Icons/IconNames.ts';
-
-const iconList = await glob('src/components/Icons/*.tsx');
-
-const iconNameList = iconList
-  .map(path => parse(path).name)
-  .map(name => `'${name}'`)
-  .sort((a, b) => a.localeCompare(b))
-  .join(',');
-
-const contents = `/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/
-
-export const IconList = [${iconNameList}] as const;
-
-export type IconName = (typeof IconList)[number];`;
-
-const options = await prettier.resolveConfig(OUTPUT_FILE);
-
-const formatted = await prettier.format(contents, { ...options, filepath: OUTPUT_FILE });
-
-writeFileSync(OUTPUT_FILE, formatted);

package/__scripts__/generateIllustrationNames.mjs

@@ -1,56 +0,0 @@
-import { writeFileSync, existsSync } from 'fs';
-import { parse } from 'path';
-
-import { glob } from 'glob';
-import prettier from 'prettier';
-
-const FOLDER = 'src/components/Illustrations';
-
-const OUTPUT_FILE = `${FOLDER}/IllustrationNames.ts`;
-
-const SIZE_LIST = ['Small', 'Medium', 'Large'];
-
-const illustrationList = await glob(`${FOLDER}/*.tsx`, { ignore: SIZE_LIST.map(size => `**/*${size}.tsx`) });
-
-const illustrationNameList = illustrationList
-  .map(path => parse(path).name)
-  .map(name => `'${name}'`)
-  .sort((a, b) => a.localeCompare(b))
-  .join(',');
-
-const illustrationSizes = illustrationList
-  .map(path => parse(path).name)
-  .sort((a, b) => a.localeCompare(b))
-  .reduce((sizeList, iconName) => {
-    sizeList[iconName] = {};
-
-    SIZE_LIST.forEach(size => {
-      const path = `${FOLDER}/${iconName}${size}.tsx`;
-
-      if (existsSync(path)) {
-        sizeList[iconName][size.toLowerCase()] = `${iconName}${size}`;
-      }
-    });
-
-    return sizeList;
-  }, {});
-
-const contents = `/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/
-
-export const IllustrationList = [${illustrationNameList}] as const;
-
-export interface IllustrationSize {
-  small?: string;
-  medium?: string;
-  large?: string;
-}
-
-export const IllustrationSizeList: Record<IllustrationName, IllustrationSize> = ${JSON.stringify(illustrationSizes)}
-
-export type IllustrationName = (typeof IllustrationList)[number];`;
-
-const options = await prettier.resolveConfig(OUTPUT_FILE);
-
-const formatted = await prettier.format(contents, { ...options, filepath: OUTPUT_FILE });
-
-writeFileSync(OUTPUT_FILE, formatted);

package/__scripts__/link-root-scss.mjs

@@ -1,93 +0,0 @@
-#!/usr/bin/env node
-/**
- * After building designsystem (which outputs SCSS to lib/scss), this script creates a cross-platform symlink at
- * ./scss → ./lib/scss so local workspace builds resolve imports like "@helsenorge/designsystem-react/scss/..."
- * exactly the same as consumers do after publish (where "lib" becomes the package root via publishConfig.directory).
- * It is idempotent and CI-safe: if ./scss already points to lib/scss it does nothing; otherwise it replaces it.
- */
-
-import { promises as fs, existsSync, lstatSync, realpathSync } from 'node:fs';
-import { dirname, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const pkgRoot = resolve(__dirname, '..');
-const target = resolve(pkgRoot, 'lib/scss');
-const link = resolve(pkgRoot, 'scss');
-const lockDir = resolve(pkgRoot, '.link-root-scss.lock');
-
-async function withLock(fn) {
-  // mkdir-as-lock: succeeds once, others see EEXIST and wait briefly
-  const maxWait = 20;
-  for (let i = 0; i < maxWait; i++) {
-    try {
-      await fs.mkdir(lockDir);
-      try {
-        return await fn();
-      } finally {
-        await fs.rm(lockDir, { recursive: true, force: true });
-      }
-    } catch (e) {
-      if (e && e.code === 'EEXIST') {
-        await new Promise(r => setTimeout(r, 50));
-        continue;
-      }
-      throw e;
-    }
-  }
-  throw new Error('lock timeout');
-}
-
-async function ensureLink() {
-  if (!existsSync(target)) {
-    console.error(`[link-root-scss] Missing ${target}. Did you run build?`);
-    process.exit(1);
-  }
-
-  // If link exists and already points to target, we're done.
-  if (existsSync(link)) {
-    try {
-      const stat = lstatSync(link);
-      if (stat.isSymbolicLink()) {
-        try {
-          const dest = realpathSync(link);
-          if (dest === target) {
-            console.log(`[link-root-scss] OK (already linked): ${link} -> ${dest}`);
-            return;
-          }
-        } catch {
-          // fall through to replace
-        }
-      }
-    } catch {
-      // fall through
-    }
-  }
-
-  // Replace whatever is there (dir/file/wrong symlink)
-  await fs.rm(link, { recursive: true, force: true });
-
-  const type = process.platform === 'win32' ? 'junction' : 'dir';
-  try {
-    await fs.symlink(target, link, type);
-    console.log(`[link-root-scss] Linked ${link} -> ${target}`);
-  } catch (e) {
-    if (e && e.code === 'EEXIST') {
-      // Another concurrent job created it; verify it’s correct
-      try {
-        const dest = realpathSync(link);
-        if (dest === target) {
-          console.log(`[link-root-scss] OK (created elsewhere): ${link} -> ${dest}`);
-          return;
-        }
-      } catch {}
-    }
-    console.error('[link-root-scss] Failed:', e);
-    process.exit(1);
-  }
-}
-
-withLock(ensureLink).catch((err) => {
-  console.error('[link-root-scss] Failed:', err);
-  process.exit(1);
-});

package/__scripts__/new-component.js

@@ -1,106 +0,0 @@
-import { writeFile, mkdir } from 'fs/promises';
-import readline from 'readline';
-
-const rl = readline.createInterface({
-  input: process.stdin,
-
-  output: process.stdout,
-});
-
-const ask = str => new Promise(resolve => rl.question(str, resolve));
-
-const componentName = await ask('Hva skal komponenten hete? Eksempel: PromoPanel ');
-
-if (!/^[A-Z][a-z][a-zA-Z]+$/.test(componentName)) {
-  throw Error('Navnet må bruke PascalCase Button eller SpecialButton');
-}
-
-const componentDirectory = `./src/components/${componentName}`;
-
-await mkdir(componentDirectory);
-
-await writeFile(
-  `${componentDirectory}/index.ts`,
-  `import ${componentName} from './${componentName}';
-export * from './${componentName}';
-export default ${componentName};
-`
-);
-
-await writeFile(`${componentDirectory}/styles.module.scss`, '');
-
-await writeFile(
-  `${componentDirectory}/${componentName}.tsx`,
-  `import React from 'react';
-
-import styles from './styles.module.scss';
-
-export interface ${componentName}Props {
-  /** Sets the data-testid attribute. */
-  testId?: string;
-}
-
-const ${componentName}: React.FC<${componentName}Props> = () => {
-  return null;
-};
-
-export default ${componentName};
-`
-);
-
-await writeFile(
-  `${componentDirectory}/${componentName}.test.tsx`,
-  `import React from 'react';
-
-import { render } from '@testing-library/react';
-
-import ${componentName} from './${componentName}';
-
-describe('Gitt at ${componentName} skal vises', (): void => {
-  describe('Når ${componentName} vises', (): void => {
-    test('Så vises ${componentName}', (): void => {
-      render(<${componentName} />);
-    });
-  });
-});
-`
-);
-
-await writeFile(
-  `${componentDirectory}/${componentName}.stories.tsx`,
-  `import React from 'react';
-
-import { StoryObj, Meta } from '@storybook/react';
-
-import ${componentName} from './${componentName}';
-import { Docs } from 'frankenstein-build-tools';
-
-const meta = {
-  title: '@helsenorge/designsystem-react/Components/${componentName}',
-  component: ${componentName},
-  parameters: {
-    docs: {
-      description: {
-        component: 'Beskrivelse av ${componentName}',
-      },
-      page: (): React.JSX.Element => <Docs component={${componentName}} />,
-    },
-  },
-  args: {},
-  argTypes: {},
-} satisfies Meta<typeof ${componentName}>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-  render: args => (
-      <${componentName} {...args} />
-  ),
-};
-`
-);
-
-rl.close();

package/chromatic.config.json

@@ -1,7 +0,0 @@
-{
-  "onlyChanged": true,
-  "projectId": "Project:671f7e04436ea3529af77b34",
-  "storybookBaseDir": "npm/designsystem",
-  "buildScriptName": "build-storybook",
-  "zip": true
-}

package/figma-token.config.json

@@ -1,19 +0,0 @@
-{
-  "source": ["data/design-tokens.json"],
-  "platforms": {
-    "scss": {
-      "transformGroup": "scss",
-      "buildPath": "src/scss/",
-      "files": [
-        {
-          "destination": "_figma-tokens.scss",
-          "format": "scss/variables",
-          "options": {
-            "outputReferences": true,
-            "showFileHeader": true
-          }
-        }
-      ]
-    }
-  }
-}

package/src/__mocks__/IntersectionObserver.ts

@@ -1,17 +0,0 @@
-class IntersectionObserver {
-  observe(): void {
-    // do nothing
-  }
-  unobserve(): void {
-    // do nothing
-  }
-  disconnect(): void {
-    // do nothing
-  }
-}
-
-Object.defineProperty(window, 'IntersectionObserver', {
-  value: IntersectionObserver,
-});
-
-export default IntersectionObserver;

package/src/__mocks__/MutationObserver.ts

@@ -1,14 +0,0 @@
-class MutationObserver {
-  observe(): void {
-    // do nothing
-  }
-  disconnect(): void {
-    // do nothing
-  }
-}
-
-Object.defineProperty(window, 'MutationObserver', {
-  value: MutationObserver,
-});
-
-export default MutationObserver;

package/src/__mocks__/ResizeObserver.ts

@@ -1,17 +0,0 @@
-class ResizeObserver {
-  observe(): void {
-    // do nothing
-  }
-  unobserve(): void {
-    // do nothing
-  }
-  disconnect(): void {
-    // do nothing
-  }
-}
-
-Object.defineProperty(window, 'ResizeObserver', {
-  value: ResizeObserver,
-});
-
-export default ResizeObserver;

package/src/__mocks__/matchMedia.ts

@@ -1,13 +0,0 @@
-import { vi } from 'vitest';
-
-export const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({
-  matches: true,
-  addListener: vi.fn(),
-  addEventListener: vi.fn(),
-  removeEventListener: vi.fn(),
-}));
-
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: mockWindowMatchMedia,
-});

package/src/__mocks__/useHover.ts

@@ -1,7 +0,0 @@
-vi.mock('../hooks/useHover', () => ({
-  useHover: vi.fn().mockImplementation(ref => {
-    return { hoverRef: ref || { current: undefined }, isHovered: false };
-  }),
-}));
-
-export {};

package/src/__mocks__/useLayoutEvent.ts

@@ -1,5 +0,0 @@
-vi.mock('../hooks/useLayoutEvent', () => ({
-  useLayoutEvent: vi.fn(),
-}));
-
-export {};

package/src/__mocks__/useOutsideEvent.ts

@@ -1,5 +0,0 @@
-vi.mock('../hooks/useOutsideEvent', () => ({
-  useOutsideEvent: vi.fn(),
-}));
-
-export {};

package/src/__mocks__/usePseudoClasses.ts

@@ -1,7 +0,0 @@
-vi.mock('../hooks/usePseudoClasses', () => ({
-  usePseudoClasses: vi.fn().mockImplementation(ref => {
-    return { refObject: ref, isHovered: false, isFocused: false };
-  }),
-}));
-
-export {};