@ndwnu/design-system 0.0.1-beta.1 → 1.0.0

package/assets/images/ndw-logo-short.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 16 15" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.82397 0H0V4.28731H2.35042C1.90665 5.26084 1.67673 6.31971 1.67644 7.39133V14.1824H5.88454V7.32273C5.8671 6.92179 5.93029 6.52143 6.07029 6.1458C6.2103 5.77017 6.42421 5.42704 6.69914 5.1371C6.97407 4.84716 7.30433 4.61642 7.67 4.45878C8.03567 4.30114 8.42918 4.21987 8.8268 4.21987C9.22443 4.21987 9.61794 4.30114 9.98361 4.45878C10.3493 4.61642 10.6795 4.84716 10.9545 5.1371C11.2294 5.42704 11.4433 5.77017 11.5833 6.1458C11.7233 6.52143 11.7865 6.92179 11.7691 7.32273V14.1824H15.9998V7.32273C16.0065 6.36594 15.8261 5.41721 15.4688 4.53093C15.1116 3.64466 14.5845 2.83827 13.9179 2.15798C13.2512 1.4777 12.4581 0.936903 11.584 0.566592C10.7099 0.196281 9.77196 0.00373709 8.82397 0Z" fill="white"/>
 </svg>

package/assets/images/nwb-logo-short.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_225_265)">
+    <path d="M23.2 4H28.4L23.4 24.2H17L15.1 15.4C15 15 14.9 14.3 14.7 13.2C14.5 12.1 14.4 11.2 14.3 10.5C14.2 11.1 14.1 11.8 13.9 12.7C13.7 13.5 13.6 14.4 13.4 15.1C13.2 15.8 12.6 18.8 11.4 24.1H5L0 4H5.2L7.5 14.2C8 16.4 8.3 18.2 8.5 19.5C8.6 18.6 8.8 17.3 9.1 15.7C9.4 14.1 9.7 12.8 10 11.7L11.8 4H16.8L18.5 11.7C18.8 12.9 19.1 14.3 19.4 15.9C19.7 17.5 19.9 18.7 20 19.5C20.1 18.5 20.5 16.7 21 14.2L23.2 4Z" fill="white"/>
+  </g>
+  <defs>
+  <clipPath id="clip0_225_265">
+    <rect width="28" height="28" fill="white"/>
+  </clipPath>
+  </defs>
+</svg>

package/assets/images/nwb-logo.svg

@@ -1,11 +1,4 @@
-<svg width="128" height="29" viewBox="0 0 128 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3366_7030)">
-<path d="M90.4205 11.2901V9.35305H85.9351V0.166031H83.5829V11.2901H90.4205ZM75.4872 6.69656C76.253 4.15076 76.7453 2.5458 76.9094 1.88168C76.9641 2.04771 77.0188 2.32443 77.1282 2.60114C77.2376 2.93321 77.6205 4.26145 78.3863 6.69656H75.4872ZM82.2154 11.2901L78.3316 0.110687H75.4872L71.6034 11.2901H74.1197L74.9402 8.63359H78.9333L79.7539 11.2901H82.2154ZM64.0547 6.69656C64.8205 4.15076 65.3128 2.5458 65.4769 1.88168C65.5316 2.04771 65.5863 2.32443 65.6957 2.60114C65.8051 2.93321 66.188 4.26145 66.9539 6.69656H64.0547ZM70.8376 11.2901L66.9539 0.110687H64.1094L60.1709 11.2901H62.6872L63.5077 8.63359H67.5009L68.3214 11.2901H70.8376ZM58.8034 0.166031H56.7248V5.42366C56.7248 6.03244 56.7795 7.02863 56.8342 8.46756H56.7795L51.9658 0.166031H49.012V11.2901H51.0906V6.08779C51.0906 5.47901 51.0359 4.37214 50.9265 2.87786H50.9812L55.7949 11.2901H58.7487V0.166031H58.8034ZM39.7128 2.93321C40.2051 2.32443 40.8615 1.99237 41.7915 1.99237C43.6513 1.99237 44.5812 3.26527 44.5812 5.75572C44.5812 8.24618 43.6513 9.51908 41.7915 9.51908C40.8615 9.51908 40.1504 9.18702 39.7128 8.57824C39.2205 7.96947 39.0017 7.02863 39.0017 5.75572C39.0017 4.48282 39.2752 3.54198 39.7128 2.93321ZM45.7299 1.49427C44.8547 0.498092 43.5419 0 41.8462 0C40.1504 0 38.8376 0.498091 37.9077 1.43893C36.9778 2.43511 36.5402 3.8187 36.5402 5.70038C36.5402 7.58206 36.9778 8.96565 37.9077 9.96183C38.8376 10.958 40.0957 11.4561 41.7915 11.4561C43.4872 11.4561 44.8 10.958 45.6752 9.96183C46.6051 8.96565 47.0427 7.52672 47.0427 5.70038C47.0427 3.87405 46.6051 2.49046 45.7299 1.49427ZM34.2974 0.166031H31.9453V11.2901H34.2974V0.166031ZM27.2957 2.1584H30.3043V0.166031H21.935V2.1584H24.9436V11.3454H27.2957V2.1584ZM15.3709 6.69656C16.1368 4.15076 16.6291 2.5458 16.7932 1.88168C16.8479 2.04771 16.9026 2.32443 17.012 2.60114C17.1214 2.93321 17.5043 4.26145 18.2701 6.69656H15.3709ZM22.0991 11.2901L18.2154 0.110687H15.3709L11.4872 11.2901H14.0034L14.8239 8.63359H18.8171L19.6376 11.2901H22.0991ZM9.79145 0.166031H7.65812V5.42366C7.65812 6.03244 7.71282 7.02863 7.76752 8.46756H7.71282L2.95385 0.166031H0V11.2901H2.07863V6.08779C2.07863 5.47901 2.02393 4.37214 1.91453 2.87786H1.96923L6.78291 11.2901H9.73675V0.166031H9.79145ZM94.8513 9.35305H101.306V11.2901H94.8513V9.35305ZM107.706 9.35305H114.161V11.2901H107.706V9.35305ZM120.615 9.35305H127.07V11.2901H120.615V9.35305Z" fill="#89B5B3"/>
-<path d="M124.28 25.6241C123.843 26.1775 123.186 26.3989 122.311 26.3989H121.655V20.145H122.53C123.35 20.145 123.952 20.3664 124.335 20.8645C124.718 21.3626 124.937 22.1374 124.937 23.1336C124.937 24.2405 124.718 25.0706 124.28 25.6241ZM126.578 19.0935C125.593 18.1527 124.226 17.7099 122.475 17.7099H118.646V28.834H122.202C124.062 28.834 125.484 28.3359 126.468 27.3397C127.453 26.3435 128 24.9046 128 23.0229C128 21.3626 127.508 20.0344 126.578 19.0935ZM116.294 17.7099H113.668V22.7462C113.668 23.4103 113.723 24.3512 113.778 25.458H113.723L109.73 17.7099H105.846V28.834H108.472V23.7977C108.472 23.1336 108.417 22.1928 108.308 20.9752H108.362L112.41 28.834H116.294V17.7099ZM97.8598 24.2958C98.2974 22.5248 98.6256 21.3626 98.735 20.8092C98.8444 20.2004 98.9539 19.813 99.0086 19.5363C99.0633 19.813 99.1727 20.2557 99.3368 20.9199C99.5009 21.584 99.6103 22.0821 99.7197 22.4695L100.212 24.2958H97.8598ZM104.588 28.8893L100.978 17.7099H96.9846L93.3744 28.8893H96.6564L97.2034 26.7863H100.759L101.306 28.8893H104.588ZM90.8034 20.2004H93.4838V17.7099H85.1145V20.145H87.7949V28.834H90.7487V20.2004H90.8034ZM83.6923 23.6317C83.3094 23.1336 82.653 22.6908 81.7231 22.2481C80.7385 21.8054 80.1368 21.4733 79.918 21.3073C79.6992 21.1412 79.5897 20.9199 79.5897 20.6985C79.5897 20.4771 79.6991 20.3111 79.8633 20.2004C80.0274 20.0897 80.3009 19.979 80.6838 19.979C81.4496 19.979 82.3248 20.2004 83.3641 20.6985L84.294 18.3741C83.0906 17.8206 81.9419 17.5992 80.7932 17.5992C79.4803 17.5992 78.4957 17.876 77.7299 18.4847C77.0188 19.0382 76.6359 19.8683 76.6359 20.8645C76.6359 21.4179 76.7453 21.8607 76.9094 22.3034C77.0735 22.6908 77.347 23.0783 77.7299 23.355C78.1128 23.687 78.6051 23.9637 79.3709 24.2958C80.1368 24.6832 80.6291 24.9046 80.8479 25.0153C81.012 25.126 81.1761 25.2366 81.2308 25.3473C81.3402 25.458 81.3402 25.5687 81.3402 25.7347C81.3402 25.9561 81.2308 26.1775 81.012 26.3435C80.7932 26.5095 80.465 26.5649 80.0274 26.5649C79.535 26.5649 78.9333 26.5095 78.3316 26.3435C77.7299 26.1775 77.1282 25.9561 76.5812 25.6794V28.3359C77.1282 28.6126 77.6205 28.7786 78.1128 28.8893C78.6051 29 79.2068 29.0554 79.9727 29.0554C80.8479 29.0554 81.6137 28.8893 82.2701 28.6126C82.9265 28.3359 83.4188 27.8931 83.747 27.3397C84.0752 26.7863 84.294 26.1775 84.294 25.5134C84.2393 24.7386 84.0752 24.1298 83.6923 23.6317ZM75.1043 26.3989H71.5487V24.2958H74.8308V21.8607H71.5487V20.0897H75.1043V17.7099H68.5402V28.834H75.1043V26.3989ZM62.1402 24.1851C62.6325 24.1851 62.9607 24.2958 63.2342 24.4618C63.5077 24.6832 63.6171 24.9599 63.6171 25.292C63.6171 26.0668 63.1795 26.4542 62.2496 26.4542H61.2103V24.1298H62.1402V24.1851ZM61.1556 20.0344H61.9761C62.906 20.0344 63.3983 20.3664 63.3983 20.9752C63.3983 21.3073 63.2889 21.584 63.0701 21.75C62.8513 21.916 62.5231 22.0267 62.0855 22.0267H61.2103V20.0344H61.1556ZM58.2017 28.8893H62.4684C63.7812 28.8893 64.7658 28.6126 65.5316 28.0038C66.2974 27.395 66.6803 26.6202 66.6803 25.6241C66.6803 24.9599 66.5162 24.4065 66.2427 23.9637C65.9145 23.521 65.4222 23.2443 64.7658 23.0229V22.9676C65.2581 22.8569 65.6957 22.5802 66.0239 22.1374C66.3521 21.6947 66.5162 21.1412 66.5162 20.5324C66.5162 19.5916 66.1333 18.8721 65.4222 18.4294C64.7111 17.9866 63.5624 17.7653 62.0855 17.7653H58.2564V28.8893H58.2017ZM55.7949 17.7099H53.1692V22.7462C53.1692 23.4103 53.2239 24.3512 53.2786 25.458H53.2239L49.2308 17.7099H45.347V28.834H47.9727V23.7977C47.9727 23.1336 47.918 22.1928 47.8086 20.9752H47.8633L51.9111 28.834H55.7949V17.7099ZM43.3778 26.3989H39.8222V24.2958H43.1043V21.8607H39.8222V20.0897H43.3778V17.7099H36.8684V28.834H43.3778V26.3989ZM29.8667 24.6832H31.8359V26.4542C31.453 26.5095 31.0701 26.5649 30.6325 26.5649C29.812 26.5649 29.2103 26.2882 28.7727 25.7347C28.335 25.1813 28.1162 24.4065 28.1162 23.355C28.1162 22.3034 28.335 21.4733 28.8274 20.9199C29.3197 20.3664 29.9761 20.0897 30.8513 20.0897C31.7812 20.0897 32.6564 20.3111 33.4769 20.6985L34.4068 18.3187C33.9692 18.0973 33.4222 17.9313 32.8205 17.8206C32.2188 17.7099 31.5624 17.5992 30.8513 17.5992C29.0462 17.5992 27.6239 18.0973 26.5846 19.0935C25.5453 20.0897 25.053 21.4733 25.053 23.2996C25.053 25.126 25.4906 26.5649 26.4205 27.5611C27.3504 28.5573 28.6632 29.0554 30.359 29.0554C31.8906 29.0554 33.3128 28.834 34.6256 28.3912V22.3588H29.8667V24.6832ZM23.5214 26.3989H19.9658V24.2958H23.2479V21.8607H19.9658V20.0897H23.5214V17.7099H16.9573V28.834H23.5214V26.3989ZM15.535 17.7099H12.6906L11.4872 23.355C11.2137 24.7386 10.9949 25.7347 10.9402 26.2882C10.8855 25.8454 10.7761 25.1813 10.612 24.2958C10.4479 23.4103 10.2838 22.6355 10.1197 21.9714L9.18974 17.7099H6.4547L5.47009 21.9714C5.30598 22.5802 5.14188 23.2996 4.97778 24.1851C4.81368 25.0706 4.70427 25.7901 4.64957 26.2882C4.54017 25.5687 4.37607 24.5725 4.10256 23.355L2.84444 17.7099H0L2.73504 28.834H6.2359C6.89231 25.9008 7.22051 24.2405 7.32991 23.8531C7.43932 23.4657 7.49402 22.9676 7.60342 22.5248C7.71282 22.0267 7.76752 21.6393 7.82222 21.3073C7.87692 21.6947 7.93162 22.1928 8.04103 22.8015C8.15043 23.4103 8.20513 23.7977 8.25983 24.0191L9.29915 28.8893H12.8L15.535 17.7099Z" fill="#40323B"/>
-</g>
-<defs>
-<clipPath id="clip0_3366_7030">
-<rect width="128" height="29" fill="white"/>
-</clipPath>
-</defs>
+<svg viewBox="0 0 128 29" xmlns="http://www.w3.org/2000/svg">
+  <path d="M90.4205 11.2901V9.35305H85.9351V0.166031H83.5829V11.2901H90.4205ZM75.4872 6.69656C76.253 4.15076 76.7453 2.5458 76.9094 1.88168C76.9641 2.04771 77.0188 2.32443 77.1282 2.60114C77.2376 2.93321 77.6205 4.26145 78.3863 6.69656H75.4872ZM82.2154 11.2901L78.3316 0.110687H75.4872L71.6034 11.2901H74.1197L74.9402 8.63359H78.9333L79.7539 11.2901H82.2154ZM64.0547 6.69656C64.8205 4.15076 65.3128 2.5458 65.4769 1.88168C65.5316 2.04771 65.5863 2.32443 65.6957 2.60114C65.8051 2.93321 66.188 4.26145 66.9538 6.69656H64.0547ZM70.8376 11.2901L66.9538 0.110687H64.1094L60.1709 11.2901H62.6872L63.5077 8.63359H67.5009L68.3214 11.2901H70.8376ZM58.8034 0.166031H56.7248V5.42366C56.7248 6.03244 56.7795 7.02863 56.8342 8.46756H56.7795L51.9658 0.166031H49.012V11.2901H51.0906V6.08779C51.0906 5.47901 51.0359 4.37214 50.9265 2.87786H50.9812L55.7949 11.2901H58.7487V0.166031H58.8034ZM39.7128 2.93321C40.2051 2.32443 40.8615 1.99237 41.7915 1.99237C43.6513 1.99237 44.5812 3.26527 44.5812 5.75572C44.5812 8.24618 43.6513 9.51908 41.7915 9.51908C40.8615 9.51908 40.1504 9.18702 39.7128 8.57824C39.2205 7.96947 39.0017 7.02863 39.0017 5.75572C39.0017 4.48282 39.2752 3.54198 39.7128 2.93321ZM45.7299 1.49427C44.8547 0.498092 43.5419 0 41.8462 0C40.1504 0 38.8376 0.498091 37.9077 1.43893C36.9778 2.43511 36.5402 3.8187 36.5402 5.70038C36.5402 7.58206 36.9778 8.96565 37.9077 9.96183C38.8376 10.958 40.0957 11.4561 41.7915 11.4561C43.4872 11.4561 44.8 10.958 45.6752 9.96183C46.6051 8.96565 47.0427 7.52672 47.0427 5.70038C47.0427 3.87405 46.6051 2.49046 45.7299 1.49427ZM34.2974 0.166031H31.9453V11.2901H34.2974V0.166031ZM27.2957 2.1584H30.3043V0.166031H21.935V2.1584H24.9436V11.3454H27.2957V2.1584ZM15.3709 6.69656C16.1368 4.15076 16.6291 2.5458 16.7932 1.88168C16.8479 2.04771 16.9026 2.32443 17.012 2.60114C17.1214 2.93321 17.5043 4.26145 18.2701 6.69656H15.3709ZM22.0991 11.2901L18.2154 0.110687H15.3709L11.4872 11.2901H14.0034L14.8239 8.63359H18.8171L19.6376 11.2901H22.0991ZM9.79145 0.166031H7.65812V5.42366C7.65812 6.03244 7.71282 7.02863 7.76752 8.46756H7.71282L2.95385 0.166031H0V11.2901H2.07863V6.08779C2.07863 5.47901 2.02393 4.37214 1.91453 2.87786H1.96923L6.78291 11.2901H9.73675V0.166031H9.79145ZM94.8513 9.35305H101.306V11.2901H94.8513V9.35305ZM107.706 9.35305H114.161V11.2901H107.706V9.35305ZM120.615 9.35305H127.07V11.2901H120.615V9.35305Z" fill="white"/>
+  <path d="M124.28 25.6241C123.843 26.1775 123.186 26.3989 122.311 26.3989H121.655V20.145H122.53C123.35 20.145 123.952 20.3664 124.335 20.8645C124.718 21.3626 124.937 22.1374 124.937 23.1336C124.937 24.2405 124.718 25.0706 124.28 25.6241ZM126.578 19.0935C125.593 18.1527 124.226 17.7099 122.475 17.7099H118.646V28.834H122.202C124.062 28.834 125.484 28.3359 126.468 27.3397C127.453 26.3435 128 24.9046 128 23.0229C128 21.3626 127.508 20.0344 126.578 19.0935ZM116.294 17.7099H113.668V22.7462C113.668 23.4103 113.723 24.3512 113.778 25.458H113.723L109.73 17.7099H105.846V28.834H108.472V23.7977C108.472 23.1336 108.417 22.1928 108.308 20.9752H108.362L112.41 28.834H116.294V17.7099ZM97.8598 24.2958C98.2974 22.5248 98.6256 21.3626 98.735 20.8092C98.8445 20.2004 98.9538 19.813 99.0086 19.5363C99.0633 19.813 99.1727 20.2557 99.3368 20.9199C99.5009 21.584 99.6103 22.0821 99.7197 22.4695L100.212 24.2958H97.8598ZM104.588 28.8893L100.978 17.7099H96.9846L93.3744 28.8893H96.6564L97.2034 26.7863H100.759L101.306 28.8893H104.588ZM90.8034 20.2004H93.4838V17.7099H85.1145V20.145H87.7949V28.834H90.7487V20.2004H90.8034ZM83.6923 23.6317C83.3094 23.1336 82.653 22.6908 81.7231 22.2481C80.7385 21.8054 80.1368 21.4733 79.918 21.3073C79.6992 21.1412 79.5897 20.9199 79.5897 20.6985C79.5897 20.4771 79.6992 20.3111 79.8633 20.2004C80.0274 20.0897 80.3009 19.979 80.6838 19.979C81.4496 19.979 82.3248 20.2004 83.3641 20.6985L84.294 18.3741C83.0906 17.8206 81.9419 17.5992 80.7932 17.5992C79.4803 17.5992 78.4957 17.876 77.7299 18.4847C77.0188 19.0382 76.6359 19.8683 76.6359 20.8645C76.6359 21.4179 76.7453 21.8607 76.9094 22.3034C77.0735 22.6908 77.347 23.0783 77.7299 23.355C78.1128 23.687 78.6051 23.9637 79.3709 24.2958C80.1368 24.6832 80.6291 24.9046 80.8479 25.0153C81.012 25.126 81.1761 25.2366 81.2308 25.3473C81.3402 25.458 81.3402 25.5687 81.3402 25.7347C81.3402 25.9561 81.2308 26.1775 81.012 26.3435C80.7932 26.5095 80.465 26.5649 80.0274 26.5649C79.535 26.5649 78.9333 26.5095 78.3316 26.3435C77.7299 26.1775 77.1282 25.9561 76.5812 25.6794V28.3359C77.1282 28.6126 77.6205 28.7786 78.1128 28.8893C78.6051 29 79.2068 29.0554 79.9726 29.0554C80.8479 29.0554 81.6137 28.8893 82.2701 28.6126C82.9265 28.3359 83.4188 27.8931 83.747 27.3397C84.0752 26.7863 84.294 26.1775 84.294 25.5134C84.2393 24.7386 84.0752 24.1298 83.6923 23.6317ZM75.1043 26.3989H71.5487V24.2958H74.8308V21.8607H71.5487V20.0897H75.1043V17.7099H68.5402V28.834H75.1043V26.3989ZM62.1402 24.1851C62.6325 24.1851 62.9607 24.2958 63.2342 24.4618C63.5077 24.6832 63.6171 24.9599 63.6171 25.292C63.6171 26.0668 63.1795 26.4542 62.2496 26.4542H61.2103V24.1298H62.1402V24.1851ZM61.1556 20.0344H61.9761C62.906 20.0344 63.3983 20.3664 63.3983 20.9752C63.3983 21.3073 63.2889 21.584 63.0701 21.75C62.8513 21.916 62.5231 22.0267 62.0855 22.0267H61.2103V20.0344H61.1556ZM58.2017 28.8893H62.4684C63.7812 28.8893 64.7658 28.6126 65.5316 28.0038C66.2974 27.395 66.6803 26.6202 66.6803 25.6241C66.6803 24.9599 66.5162 24.4065 66.2427 23.9637C65.9145 23.521 65.4222 23.2443 64.7658 23.0229V22.9676C65.2581 22.8569 65.6957 22.5802 66.0239 22.1374C66.3521 21.6947 66.5162 21.1412 66.5162 20.5324C66.5162 19.5916 66.1333 18.8721 65.4222 18.4294C64.7111 17.9866 63.5624 17.7653 62.0855 17.7653H58.2564V28.8893H58.2017ZM55.7949 17.7099H53.1692V22.7462C53.1692 23.4103 53.2239 24.3512 53.2786 25.458H53.2239L49.2308 17.7099H45.347V28.834H47.9726V23.7977C47.9726 23.1336 47.918 22.1928 47.8086 20.9752H47.8633L51.9111 28.834H55.7949V17.7099ZM43.3778 26.3989H39.8222V24.2958H43.1043V21.8607H39.8222V20.0897H43.3778V17.7099H36.8684V28.834H43.3778V26.3989ZM29.8667 24.6832H31.8359V26.4542C31.453 26.5095 31.0701 26.5649 30.6325 26.5649C29.812 26.5649 29.2103 26.2882 28.7726 25.7347C28.335 25.1813 28.1162 24.4065 28.1162 23.355C28.1162 22.3034 28.335 21.4733 28.8274 20.9199C29.3197 20.3664 29.9761 20.0897 30.8513 20.0897C31.7812 20.0897 32.6564 20.3111 33.4769 20.6985L34.4068 18.3187C33.9692 18.0973 33.4222 17.9313 32.8205 17.8206C32.2188 17.7099 31.5624 17.5992 30.8513 17.5992C29.0462 17.5992 27.6239 18.0973 26.5846 19.0935C25.5453 20.0897 25.053 21.4733 25.053 23.2996C25.053 25.126 25.4906 26.5649 26.4205 27.5611C27.3504 28.5573 28.6632 29.0554 30.359 29.0554C31.8906 29.0554 33.3128 28.834 34.6256 28.3912V22.3588H29.8667V24.6832ZM23.5214 26.3989H19.9658V24.2958H23.2479V21.8607H19.9658V20.0897H23.5214V17.7099H16.9573V28.834H23.5214V26.3989ZM15.535 17.7099H12.6906L11.4872 23.355C11.2137 24.7386 10.9949 25.7347 10.9402 26.2882C10.8855 25.8454 10.7761 25.1813 10.612 24.2958C10.4479 23.4103 10.2838 22.6355 10.1197 21.9714L9.18974 17.7099H6.4547L5.47009 21.9714C5.30598 22.5802 5.14188 23.2996 4.97778 24.1851C4.81368 25.0706 4.70427 25.7901 4.64957 26.2882C4.54017 25.5687 4.37607 24.5725 4.10256 23.355L2.84444 17.7099H0L2.73504 28.834H6.2359C6.89231 25.9008 7.22051 24.2405 7.32991 23.8531C7.43932 23.4657 7.49402 22.9676 7.60342 22.5248C7.71282 22.0267 7.76752 21.6393 7.82222 21.3073C7.87692 21.6947 7.93162 22.1928 8.04103 22.8015C8.15043 23.4103 8.20513 23.7977 8.25983 24.0191L9.29915 28.8893H12.8L15.535 17.7099Z" fill="white"/>
 </svg>

package/components/collapsible/collapsible.animation.d.ts

@@ -0,0 +1 @@
+export declare const collapsibleAnimation: import("@angular/animations").AnimationTriggerMetadata[];

package/components/collapsible/collapsible.component.d.ts

@@ -6,6 +6,7 @@ export declare class CollapsibleComponent {
     expanded: import("@angular/core").ModelSignal<boolean>;
     private readonly accordionService;
     get expandedClass(): boolean;
+    animationState: import("@angular/core").Signal<"in" | "out">;
     onClick(): void;
     onKeydown(event: KeyboardEvent): void;
     private toggle;

package/components/dropdown/dropdown-trigger.directive.d.ts

@@ -0,0 +1,23 @@
+import { OnDestroy, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DropdownTriggerDirective implements OnDestroy {
+    dropdownContent: import("@angular/core").InputSignal<TemplateRef<unknown>>;
+    toggleOnClick: import("@angular/core").InputSignal<boolean>;
+    isOpen: import("@angular/core").ModelSignal<boolean>;
+    toggle(): void;
+    trapFocus(): void;
+    private destroyRef;
+    private elementRef;
+    private overlay;
+    private viewContainerRef;
+    private focusTrapFactory;
+    private overlayRef?;
+    constructor();
+    ngOnDestroy(): void;
+    private open;
+    private closeOverlayOnEscapeKey;
+    private closeOverlayOnBackdropClick;
+    private close;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[ndwDropdownTrigger]", never, { "dropdownContent": { "alias": "ndwDropdownTrigger"; "required": true; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, never, true, never>;
+}

package/components/dropdown/dropdown.component.d.ts

@@ -1,21 +1,10 @@
-import { ConnectedPosition } from '@angular/cdk/overlay';
+import { DropdownTriggerDirective } from './dropdown-trigger.directive';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent {
-    dropdownId: string;
-    dropdownContainerId: string;
-    label: import("@angular/core").InputSignal<string | undefined>;
-    placeholder: import("@angular/core").InputSignal<string | undefined>;
-    autoWidth: import("@angular/core").InputSignal<boolean>;
-    isOpen: boolean;
-    disabled: import("@angular/core").InputSignal<boolean>;
-    autoClose: import("@angular/core").InputSignal<boolean>;
-    overlayPositions: ConnectedPosition[];
-    protected get isActive(): boolean | null;
-    onClick(): void;
-    onAttach(): void;
-    closeOverlay(event: Event): void;
-    onDropDownKeyDown(event: KeyboardEvent): void;
-    onKeyDown(event: KeyboardEvent): void;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly dropdownTrigger: import("@angular/core").Signal<DropdownTriggerDirective>;
+    readonly buttonIcon: import("@angular/core").Signal<"chevron-up" | "chevron-down">;
+    readonly buttonText: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, {}, never, ["[dropdownContent]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/dropdown/index.d.ts

@@ -1 +1,2 @@
+export * from './dropdown-trigger.directive';
 export * from './dropdown.component';

package/components/form-field/checkbox/checkbox.component.d.ts

@@ -0,0 +1,23 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class CheckboxComponent implements ControlValueAccessor {
+    checked: import("@angular/core").ModelSignal<boolean>;
+    switch: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    error: import("@angular/core").InputSignal<boolean>;
+    indeterminate: import("@angular/core").InputSignal<boolean>;
+    required: import("@angular/core").InputSignal<boolean>;
+    switched: import("@angular/core").ModelSignal<boolean>;
+    uuid: `${string}-${string}-${string}-${string}-${string}`;
+    get checkedClass(): boolean;
+    get disabledClass(): boolean;
+    get indeterminateClass(): boolean;
+    get tabindexAttr(): number;
+    onClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ndw-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "switch": { "alias": "switch"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "switched": { "alias": "switched"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "switched": "switchedChange"; }, never, ["*"], true, never>;
+}

package/components/form-field/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox.component';

package/components/form-field/checkbox-group/checkbox-group.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CheckboxGroupComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "ndw-checkbox-group", never, {}, {}, never, ["*"], true, never>;
+}

package/components/form-field/checkbox-group/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox-group.component';

package/components/form-field/form-field.component.d.ts

@@ -1,8 +1,12 @@
-import { AfterContentInit, OnChanges } from '@angular/core';
-import { InputDirective } from '../input';
+import { OnChanges } from '@angular/core';
+import { CheckboxComponent } from './checkbox';
+import { InputDirective } from './input';
+import { RadioGroupComponent } from './radio-group';
 import * as i0 from "@angular/core";
-export declare class FormFieldComponent implements AfterContentInit, OnChanges {
-    input: import("@angular/core").Signal<InputDirective>;
+export declare class FormFieldComponent implements OnChanges {
+    input: import("@angular/core").Signal<InputDirective | undefined>;
+    radioGroup: import("@angular/core").Signal<RadioGroupComponent | undefined>;
+    checkboxes: import("@angular/core").Signal<readonly CheckboxComponent[]>;
     label: import("@angular/core").InputSignal<string | undefined>;
     disabled: import("@angular/core").InputSignal<boolean>;
     error: import("@angular/core").InputSignal<string | undefined>;
@@ -13,14 +17,14 @@ export declare class FormFieldComponent implements AfterContentInit, OnChanges {
     inputSuffix: import("@angular/core").Signal<string | undefined>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
     constructor();
-    ngAfterContentInit(): void;
     ngOnChanges(): void;
+    private addInputTypeBasedClass;
     private setInputDisabledState;
     private setInputErrorState;
+    private setInputId;
     private setInputPrefix;
     private setInputSuffix;
-    private setInputId;
-    private addInputTypeBasedClass;
+    private setRequiredState;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["input"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["input", "radioGroup", "checkboxes"], ["*"], true, never>;
 }

package/components/form-field/form-field.model.d.ts

@@ -1,4 +1,5 @@
 export declare enum FormFieldElement {
+    Dropdown = "ndw-dropdown",
     Input = "input",
     Select = "select",
     Textarea = "textarea"

package/components/form-field/index.d.ts

@@ -1,2 +1,9 @@
+export * from './checkbox';
+export * from './checkbox-group';
+export * from './error';
 export * from './form-field.component';
 export * from './form-field.model';
+export * from './info';
+export * from './input';
+export * from './radio-button';
+export * from './radio-group';

package/components/form-field/radio-button/index.d.ts

@@ -0,0 +1 @@
+export * from './radio-button.component';

package/components/form-field/radio-button/radio-button.component.d.ts

@@ -0,0 +1,22 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class RadioButtonComponent implements ControlValueAccessor {
+    checked: import("@angular/core").ModelSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    error: import("@angular/core").InputSignal<boolean>;
+    name: import("@angular/core").ModelSignal<string>;
+    required: import("@angular/core").InputSignal<boolean>;
+    inputElement: import("@angular/core").Signal<HTMLInputElement | undefined>;
+    uuid: `${string}-${string}-${string}-${string}-${string}`;
+    get checkedClass(): boolean;
+    get disabledClass(): boolean;
+    get tabindexAttr(): number;
+    onClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    get input(): HTMLInputElement | undefined;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ndw-radio-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "name": "nameChange"; }, never, ["*"], true, never>;
+}

package/components/form-field/radio-group/index.d.ts

@@ -0,0 +1 @@
+export * from './radio-group.component';

package/components/form-field/radio-group/radio-group.component.d.ts

@@ -0,0 +1,11 @@
+import { AfterContentInit } from '@angular/core';
+import { RadioButtonComponent } from '../radio-button';
+import * as i0 from "@angular/core";
+export declare class RadioGroupComponent implements AfterContentInit {
+    radioButtons: import("@angular/core").Signal<readonly RadioButtonComponent[]>;
+    private uuid;
+    ngAfterContentInit(): void;
+    private setRadioButtonsName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "ndw-radio-group", never, {}, {}, ["radioButtons"], ["*"], true, never>;
+}

package/components/icon/icon.component.d.ts

@@ -1,14 +1,11 @@
-import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class IconComponent implements OnDestroy, OnInit {
+export declare class IconComponent {
     name: import("@angular/core").InputSignal<string>;
     interactive: import("@angular/core").InputSignal<boolean>;
     protected get interactiveClass(): boolean;
     private readonly elementRef;
     private readonly iconService;
-    private readonly destroy$;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ndw-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/index.d.ts

@@ -3,13 +3,13 @@ export * from './badge';
 export * from './button';
 export * from './card';
 export * from './collapsible';
-export * from './error';
+export * from './dropdown';
 export * from './form-field';
 export * from './icon';
-export * from './info';
-export * from './input';
 export * from './main-navigation';
-export * from './tooltip';
+export * from './pill';
 export * from './tab';
 export * from './tab-group';
+export * from './tooltip';
 export * from './dropdown';
+export * from './modal';

package/components/main-navigation/main-navigation.component.d.ts

@@ -1,26 +1,35 @@
-import { CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
+import { MainNavigationMenuComponent } from '../main-navigation-menu';
 import { MenuItem, NdwBrand, SimpleMenuItem } from './main-navigation.model';
 import * as i0 from "@angular/core";
-export declare class MainNavigationComponent {
+export declare class MainNavigationComponent implements AfterViewInit {
     applicationName: import("@angular/core").InputSignal<string>;
+    topMenuItems: import("@angular/core").InputSignal<MenuItem[]>;
+    bottomMenuItems: import("@angular/core").InputSignal<MenuItem[] | undefined>;
     brand: import("@angular/core").InputSignal<NdwBrand>;
     footerTexts: import("@angular/core").InputSignal<string[] | undefined>;
     isCollapsible: import("@angular/core").InputSignal<boolean>;
-    menuItems: import("@angular/core").InputSignal<MenuItem[]>;
-    subMenuItems: import("@angular/core").InputSignal<MenuItem[] | undefined>;
     selected: import("@angular/core").OutputEmitterRef<number>;
+    buttons: import("@angular/core").Signal<readonly ElementRef<HTMLButtonElement>[]>;
+    childMenuTemplate: import("@angular/core").Signal<TemplateRef<MainNavigationMenuComponent>>;
     brandImagePath: import("@angular/core").Signal<string>;
     isExpanded: import("@angular/core").WritableSignal<boolean>;
     protected get brandAttribute(): string;
     protected get expandedClass(): boolean;
+    onMouseMove(event: MouseEvent): void;
     activeChildItems: SimpleMenuItem[];
-    isChildMenuOpen: boolean;
-    overlayOrigin: CdkOverlayOrigin;
     overlayPositions: ConnectedPosition[];
-    closeChildMenu(): void;
-    handleSelected(trigger: CdkOverlayOrigin, item: MenuItem): void;
+    private overlay;
+    private viewContainerRef;
+    private activeButton?;
+    private overlayRef?;
+    ngAfterViewInit(): void;
+    close(): void;
+    open(item: MenuItem): void;
     handleSelectedChild(id: number): void;
     toggleView(): void;
+    private setPositionStrategy;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "subMenuItems": { "alias": "subMenuItems"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
 }

package/components/main-navigation-menu/main-navigation-menu.component.d.ts

@@ -1,11 +1,9 @@
-import { NdwBrand, SimpleMenuItem } from '../main-navigation';
+import { SimpleMenuItem } from '../main-navigation';
 import * as i0 from "@angular/core";
 export declare class MainNavigationMenuComponent {
     menuItems: import("@angular/core").InputSignal<SimpleMenuItem[]>;
-    brand: import("@angular/core").InputSignal<NdwBrand>;
     selected: import("@angular/core").OutputEmitterRef<number>;
-    protected get brandAttribute(): string;
     handleSelected(id: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
 }

package/components/modal/index.d.ts

@@ -0,0 +1 @@
+export * from './modal-trigger.directive';

package/components/modal/modal-trigger.directive.d.ts

@@ -0,0 +1,20 @@
+import { OnDestroy, TemplateRef } from '@angular/core';
+import { CardComponent } from '../card';
+import * as i0 from "@angular/core";
+export declare class ModalTriggerDirective implements OnDestroy {
+    connectedTemplate: TemplateRef<CardComponent>;
+    isOpen: import("@angular/core").ModelSignal<boolean>;
+    private overlay;
+    private overlayRef?;
+    private viewContainerRef;
+    private destroyRef$;
+    constructor();
+    onClick(): void;
+    ngOnDestroy(): void;
+    private open;
+    private nodeOrParentsHaveAttribute;
+    private actions;
+    private detach;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTriggerDirective, "[ndwModalTrigger]", never, { "connectedTemplate": { "alias": "ndwModalTrigger"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, never, true, never>;
+}

package/components/pill/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pill.component';
+export * from './pill.model';

package/components/pill/pill.component.d.ts

@@ -0,0 +1,8 @@
+import { PillColor } from './pill.model';
+import * as i0 from "@angular/core";
+export declare class PillComponent {
+    readonly color: import("@angular/core").InputSignal<PillColor>;
+    get hostClass(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "ndw-pill", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/pill/pill.model.d.ts

@@ -0,0 +1,8 @@
+export declare const enum PillColor {
+    Green = "green",
+    Gray = "gray",
+    Blue = "blue",
+    Purple = "purple",
+    Yellow = "yellow",
+    Red = "red"
+}