@randstad-uca/design-system 1.0.20-alpha.0 → 1.0.21

package/dist/assets/icons/{ayuda.svg → default/ayuda.svg}

@@ -1,12 +1,12 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2313_3705)">
-<path d="M12.4496 6.01244C10.3196 6.01244 8.56549 7.74151 8.56549 9.89658C8.56549 10.1722 8.79102 10.3978 9.06667 10.3978C9.34232 10.3978 9.56785 10.1722 9.56785 9.89658C9.56785 8.31787 10.8459 7.0148 12.4496 7.0148C14.0534 7.0148 15.3314 8.29281 15.3314 9.89658C15.3314 11.5004 14.0534 12.7784 12.4496 12.7784C12.174 12.7784 11.9485 13.0039 11.9485 13.2796V14.6578C11.9485 14.9334 12.174 15.159 12.4496 15.159C12.7253 15.159 12.9508 14.9334 12.9508 14.6578V13.7557C14.8553 13.5051 16.3338 11.8762 16.3338 9.92164C16.3338 7.76657 14.5797 6.01244 12.4496 6.01244Z" />
-<path d="M12.4245 16.2113C11.9985 16.2113 11.6477 16.5622 11.6477 16.9882C11.6477 17.4142 11.9985 17.765 12.4245 17.765C12.8505 17.765 13.2014 17.4142 13.2014 16.9882C13.2014 16.5622 12.8505 16.2113 12.4245 16.2113Z" />
-<path d="M13.6775 2.07808C11.1214 1.75231 8.59048 2.45396 6.58576 4.03268C4.58104 5.63646 3.32809 7.91683 3.05244 10.4728C2.75173 13.3546 3.75409 16.1362 5.80893 18.1409V20.722C5.80893 21.1731 6.05952 21.5991 6.4354 21.8246C6.63588 21.9499 6.86141 22 7.08694 22C7.31247 22 7.51294 21.9499 7.71342 21.8246L9.94367 20.5466C10.4448 20.6719 10.946 20.7721 11.4723 20.8222C14.1035 21.0979 16.7096 20.2709 18.6893 18.5419C20.694 16.7877 21.8216 14.357 21.8968 11.7007C22.0472 6.91447 18.4387 2.6795 13.6775 2.07808ZM20.8945 11.6757C20.8193 14.0563 19.7919 16.2364 18.0127 17.7901C16.2585 19.3187 13.903 20.0705 11.5976 19.8449C11.0713 19.7948 10.5451 19.6946 10.0439 19.5442C9.91861 19.4941 9.76825 19.5192 9.66802 19.5943L7.23729 20.9726C7.112 21.0478 7.01176 20.9976 6.96164 20.9726C6.91153 20.9475 6.81129 20.8723 6.81129 20.722V18.0156C6.83635 17.8402 6.78623 17.6648 6.66094 17.5646C4.73139 15.7603 3.77915 13.2043 4.0548 10.5731C4.28033 8.29271 5.40799 6.23788 7.21223 4.80951C9.01648 3.38115 11.2718 2.75467 13.5522 3.05538C17.7871 3.60668 21.0198 7.39059 20.8945 11.6757Z" />
+<path d="M12.4496 6.01244C10.3196 6.01244 8.56549 7.74151 8.56549 9.89658C8.56549 10.1722 8.79102 10.3978 9.06667 10.3978C9.34232 10.3978 9.56785 10.1722 9.56785 9.89658C9.56785 8.31787 10.8459 7.0148 12.4496 7.0148C14.0534 7.0148 15.3314 8.29281 15.3314 9.89658C15.3314 11.5004 14.0534 12.7784 12.4496 12.7784C12.174 12.7784 11.9485 13.0039 11.9485 13.2796V14.6578C11.9485 14.9334 12.174 15.159 12.4496 15.159C12.7253 15.159 12.9508 14.9334 12.9508 14.6578V13.7557C14.8553 13.5051 16.3338 11.8762 16.3338 9.92164C16.3338 7.76657 14.5797 6.01244 12.4496 6.01244Z" fill="#2175D9"/>
+<path d="M12.4245 16.2113C11.9985 16.2113 11.6477 16.5622 11.6477 16.9882C11.6477 17.4142 11.9985 17.765 12.4245 17.765C12.8505 17.765 13.2014 17.4142 13.2014 16.9882C13.2014 16.5622 12.8505 16.2113 12.4245 16.2113Z" fill="#2175D9"/>
+<path d="M13.6775 2.07808C11.1214 1.75231 8.59048 2.45396 6.58576 4.03268C4.58104 5.63646 3.32809 7.91683 3.05244 10.4728C2.75173 13.3546 3.75409 16.1362 5.80893 18.1409V20.722C5.80893 21.1731 6.05952 21.5991 6.4354 21.8246C6.63588 21.9499 6.86141 22 7.08694 22C7.31247 22 7.51294 21.9499 7.71342 21.8246L9.94367 20.5466C10.4448 20.6719 10.946 20.7721 11.4723 20.8222C14.1035 21.0979 16.7096 20.2709 18.6893 18.5419C20.694 16.7877 21.8216 14.357 21.8968 11.7007C22.0472 6.91447 18.4387 2.6795 13.6775 2.07808ZM20.8945 11.6757C20.8193 14.0563 19.7919 16.2364 18.0127 17.7901C16.2585 19.3187 13.903 20.0705 11.5976 19.8449C11.0713 19.7948 10.5451 19.6946 10.0439 19.5442C9.91861 19.4941 9.76825 19.5192 9.66802 19.5943L7.23729 20.9726C7.112 21.0478 7.01176 20.9976 6.96164 20.9726C6.91153 20.9475 6.81129 20.8723 6.81129 20.722V18.0156C6.83635 17.8402 6.78623 17.6648 6.66094 17.5646C4.73139 15.7603 3.77915 13.2043 4.0548 10.5731C4.28033 8.29271 5.40799 6.23788 7.21223 4.80951C9.01648 3.38115 11.2718 2.75467 13.5522 3.05538C17.7871 3.60668 21.0198 7.39059 20.8945 11.6757Z" fill="#2175D9"/>
 </g>
 <defs>
 <clipPath id="clip0_2313_3705">
-<rect width="24" height="24" fill="currentColor"/>
+<rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>

package/dist/assets/icons/{calendar.svg → default/calendar.svg}

@@ -1,20 +1,20 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2335_4813)">
-<path d="M19.975 3.125H16.975V2.5C16.975 2.225 16.75 2 16.475 2C16.2 2 15.975 2.225 15.975 2.5V3.125H7.975V2.5C7.975 2.225 7.75 2 7.475 2C7.2 2 6.975 2.225 6.975 2.5V3.125H4.025C2.925 3.125 2 4.025 2 5.15V19.925C2 21.025 2.9 21.95 4.025 21.95H19.975C21.075 21.95 22 21.05 22 19.925V5.125C22 4.025 21.1 3.125 19.975 3.125ZM4.025 4.15H6.95V4.8C6.95 5.075 7.175 5.3 7.45 5.3C7.725 5.3 7.95 5.075 7.95 4.8V4.15H15.925V4.8C15.925 5.075 16.15 5.3 16.425 5.3C16.7 5.3 16.925 5.075 16.925 4.8V4.15H19.95C20.5 4.15 20.95 4.6 20.95 5.15V7.95H3.025V5.125C3.025 4.575 3.475 4.15 4.025 4.15ZM19.975 20.9H4.025C3.475 20.9 3.025 20.45 3.025 19.9V8.975H20.975V19.9C20.975 20.45 20.525 20.9 19.975 20.9Z" />
-<path d="M7.45001 12.575C7.86423 12.575 8.20001 12.2392 8.20001 11.825C8.20001 11.4108 7.86423 11.075 7.45001 11.075C7.0358 11.075 6.70001 11.4108 6.70001 11.825C6.70001 12.2392 7.0358 12.575 7.45001 12.575Z" />
-<path d="M10.4499 12.575C10.8641 12.575 11.1999 12.2392 11.1999 11.825C11.1999 11.4108 10.8641 11.075 10.4499 11.075C10.0357 11.075 9.69989 11.4108 9.69989 11.825C9.69989 12.2392 10.0357 12.575 10.4499 12.575Z" />
-<path d="M13.4501 12.575C13.8643 12.575 14.2001 12.2392 14.2001 11.825C14.2001 11.4108 13.8643 11.075 13.4501 11.075C13.0359 11.075 12.7001 11.4108 12.7001 11.825C12.7001 12.2392 13.0359 12.575 13.4501 12.575Z" />
-<path d="M16.45 12.575C16.8642 12.575 17.2 12.2392 17.2 11.825C17.2 11.4108 16.8642 11.075 16.45 11.075C16.0357 11.075 15.7 11.4108 15.7 11.825C15.7 12.2392 16.0357 12.575 16.45 12.575Z" />
-<path d="M7.45001 15.5749C7.86423 15.5749 8.20001 15.2391 8.20001 14.8249C8.20001 14.4107 7.86423 14.0749 7.45001 14.0749C7.0358 14.0749 6.70001 14.4107 6.70001 14.8249C6.70001 15.2391 7.0358 15.5749 7.45001 15.5749Z" />
-<path d="M10.4499 15.5749C10.8641 15.5749 11.1999 15.2391 11.1999 14.8249C11.1999 14.4107 10.8641 14.0749 10.4499 14.0749C10.0357 14.0749 9.69989 14.4107 9.69989 14.8249C9.69989 15.2391 10.0357 15.5749 10.4499 15.5749Z" />
-<path d="M13.4501 15.5749C13.8643 15.5749 14.2001 15.2391 14.2001 14.8249C14.2001 14.4107 13.8643 14.0749 13.4501 14.0749C13.0359 14.0749 12.7001 14.4107 12.7001 14.8249C12.7001 15.2391 13.0359 15.5749 13.4501 15.5749Z" />
-<path d="M16.45 15.5749C16.8642 15.5749 17.2 15.2391 17.2 14.8249C17.2 14.4107 16.8642 14.0749 16.45 14.0749C16.0357 14.0749 15.7 14.4107 15.7 14.8249C15.7 15.2391 16.0357 15.5749 16.45 15.5749Z" />
-<path d="M7.45001 18.5751C7.86423 18.5751 8.20001 18.2393 8.20001 17.8251C8.20001 17.4109 7.86423 17.0751 7.45001 17.0751C7.0358 17.0751 6.70001 17.4109 6.70001 17.8251C6.70001 18.2393 7.0358 18.5751 7.45001 18.5751Z" />
-<path d="M10.4499 18.5751C10.8641 18.5751 11.1999 18.2393 11.1999 17.8251C11.1999 17.4109 10.8641 17.0751 10.4499 17.0751C10.0357 17.0751 9.69989 17.4109 9.69989 17.8251C9.69989 18.2393 10.0357 18.5751 10.4499 18.5751Z" />
+<path d="M19.975 3.125H16.975V2.5C16.975 2.225 16.75 2 16.475 2C16.2 2 15.975 2.225 15.975 2.5V3.125H7.975V2.5C7.975 2.225 7.75 2 7.475 2C7.2 2 6.975 2.225 6.975 2.5V3.125H4.025C2.925 3.125 2 4.025 2 5.15V19.925C2 21.025 2.9 21.95 4.025 21.95H19.975C21.075 21.95 22 21.05 22 19.925V5.125C22 4.025 21.1 3.125 19.975 3.125ZM4.025 4.15H6.95V4.8C6.95 5.075 7.175 5.3 7.45 5.3C7.725 5.3 7.95 5.075 7.95 4.8V4.15H15.925V4.8C15.925 5.075 16.15 5.3 16.425 5.3C16.7 5.3 16.925 5.075 16.925 4.8V4.15H19.95C20.5 4.15 20.95 4.6 20.95 5.15V7.95H3.025V5.125C3.025 4.575 3.475 4.15 4.025 4.15ZM19.975 20.9H4.025C3.475 20.9 3.025 20.45 3.025 19.9V8.975H20.975V19.9C20.975 20.45 20.525 20.9 19.975 20.9Z" fill="#2175D9"/>
+<path d="M7.45001 12.575C7.86423 12.575 8.20001 12.2392 8.20001 11.825C8.20001 11.4108 7.86423 11.075 7.45001 11.075C7.0358 11.075 6.70001 11.4108 6.70001 11.825C6.70001 12.2392 7.0358 12.575 7.45001 12.575Z" fill="#2175D9"/>
+<path d="M10.4499 12.575C10.8641 12.575 11.1999 12.2392 11.1999 11.825C11.1999 11.4108 10.8641 11.075 10.4499 11.075C10.0357 11.075 9.69989 11.4108 9.69989 11.825C9.69989 12.2392 10.0357 12.575 10.4499 12.575Z" fill="#2175D9"/>
+<path d="M13.4501 12.575C13.8643 12.575 14.2001 12.2392 14.2001 11.825C14.2001 11.4108 13.8643 11.075 13.4501 11.075C13.0359 11.075 12.7001 11.4108 12.7001 11.825C12.7001 12.2392 13.0359 12.575 13.4501 12.575Z" fill="#2175D9"/>
+<path d="M16.45 12.575C16.8642 12.575 17.2 12.2392 17.2 11.825C17.2 11.4108 16.8642 11.075 16.45 11.075C16.0357 11.075 15.7 11.4108 15.7 11.825C15.7 12.2392 16.0357 12.575 16.45 12.575Z" fill="#2175D9"/>
+<path d="M7.45001 15.5749C7.86423 15.5749 8.20001 15.2391 8.20001 14.8249C8.20001 14.4107 7.86423 14.0749 7.45001 14.0749C7.0358 14.0749 6.70001 14.4107 6.70001 14.8249C6.70001 15.2391 7.0358 15.5749 7.45001 15.5749Z" fill="#2175D9"/>
+<path d="M10.4499 15.5749C10.8641 15.5749 11.1999 15.2391 11.1999 14.8249C11.1999 14.4107 10.8641 14.0749 10.4499 14.0749C10.0357 14.0749 9.69989 14.4107 9.69989 14.8249C9.69989 15.2391 10.0357 15.5749 10.4499 15.5749Z" fill="#2175D9"/>
+<path d="M13.4501 15.5749C13.8643 15.5749 14.2001 15.2391 14.2001 14.8249C14.2001 14.4107 13.8643 14.0749 13.4501 14.0749C13.0359 14.0749 12.7001 14.4107 12.7001 14.8249C12.7001 15.2391 13.0359 15.5749 13.4501 15.5749Z" fill="#2175D9"/>
+<path d="M16.45 15.5749C16.8642 15.5749 17.2 15.2391 17.2 14.8249C17.2 14.4107 16.8642 14.0749 16.45 14.0749C16.0357 14.0749 15.7 14.4107 15.7 14.8249C15.7 15.2391 16.0357 15.5749 16.45 15.5749Z" fill="#2175D9"/>
+<path d="M7.45001 18.5751C7.86423 18.5751 8.20001 18.2393 8.20001 17.8251C8.20001 17.4109 7.86423 17.0751 7.45001 17.0751C7.0358 17.0751 6.70001 17.4109 6.70001 17.8251C6.70001 18.2393 7.0358 18.5751 7.45001 18.5751Z" fill="#2175D9"/>
+<path d="M10.4499 18.5751C10.8641 18.5751 11.1999 18.2393 11.1999 17.8251C11.1999 17.4109 10.8641 17.0751 10.4499 17.0751C10.0357 17.0751 9.69989 17.4109 9.69989 17.8251C9.69989 18.2393 10.0357 18.5751 10.4499 18.5751Z" fill="#2175D9"/>
 </g>
 <defs>
 <clipPath id="clip0_2335_4813">
-<rect width="24" height="24" fill="currentColor"/>
+<rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>

package/dist/assets/icons/{check.svg → default/check.svg}

@@ -1,10 +1,10 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2335_4801)">
-<path d="M21.8098 4.11505C21.6095 3.93974 21.2839 3.96478 21.1086 4.19018L9.21268 18.4152L2.8515 11.9538C2.65114 11.7535 2.35062 11.7535 2.15026 11.9538C1.94991 12.1542 1.94991 12.4547 2.15026 12.6551L8.88711 19.5171C8.98728 19.6173 9.1125 19.6674 9.23772 19.6674H9.26277C9.41303 19.6674 9.53825 19.5923 9.63843 19.4921L21.885 4.81628C22.0603 4.59088 22.0352 4.29035 21.8098 4.11505Z"/>
-</g>
-<defs>
-<clipPath id="clip0_2335_4801">
-<rect width="24" height="24" fill="currentColor"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2335_4801)">
+<path d="M21.8098 4.11505C21.6095 3.93974 21.2839 3.96478 21.1086 4.19018L9.21268 18.4152L2.8515 11.9538C2.65114 11.7535 2.35062 11.7535 2.15026 11.9538C1.94991 12.1542 1.94991 12.4547 2.15026 12.6551L8.88711 19.5171C8.98728 19.6173 9.1125 19.6674 9.23772 19.6674H9.26277C9.41303 19.6674 9.53825 19.5923 9.63843 19.4921L21.885 4.81628C22.0603 4.59088 22.0352 4.29035 21.8098 4.11505Z" fill="#2175D9"/>
+</g>
+<defs>
+<clipPath id="clip0_2335_4801">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/assets/icons/{email.svg → default/email.svg}

@@ -1,11 +1,11 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2335_4843)">
-<path d="M19.975 5H4.025C2.925 5 2 5.9 2 7.025V16.75C2 17.85 2.9 18.775 4.025 18.775H19.975C21.075 18.775 22 17.875 22 16.75V7C22 5.9 21.1 5 19.975 5ZM20.975 16.725C20.975 17.275 20.525 17.725 19.975 17.725H4.025C3.475 17.725 3.025 17.275 3.025 16.725V7C3.025 6.45 3.475 6 4.025 6H19.975C20.525 6 20.975 6.45 20.975 7V16.725Z"/>
-<path d="M14.6001 11.7498L17.6251 9.17477C17.8501 8.99977 17.8751 8.67477 17.6751 8.44977C17.5001 8.22477 17.1751 8.19977 16.9501 8.39977L12.0001 12.6498L7.0501 8.39977C6.8251 8.22477 6.5001 8.24977 6.3251 8.44977C6.1501 8.67477 6.1751 8.99977 6.3751 9.17477L9.4001 11.7748L6.3751 14.4748C6.1751 14.6748 6.1501 14.9998 6.3251 15.1998C6.4251 15.3248 6.5751 15.3748 6.7001 15.3748C6.8251 15.3748 6.9501 15.3248 7.0501 15.2498L10.1751 12.4248L11.6751 13.6998C11.6751 13.6998 11.6751 13.6998 11.7001 13.6998L11.7251 13.7248C11.7501 13.7498 11.7751 13.7498 11.7751 13.7498C11.7751 13.7498 11.8001 13.7498 11.8001 13.7748C11.8251 13.7748 11.8501 13.7998 11.8751 13.7998H11.9001C11.9251 13.7998 11.9751 13.7998 12.0001 13.7998C12.0251 13.7998 12.0751 13.7998 12.1001 13.7998H12.1251C12.1501 13.7998 12.1751 13.7748 12.2001 13.7748C12.2001 13.7748 12.2251 13.7748 12.2251 13.7498C12.2501 13.7498 12.2751 13.7248 12.2751 13.7248L12.3001 13.6998C12.3001 13.6998 12.3001 13.6998 12.3251 13.6998L13.8251 12.4248L16.9501 15.2248C17.0501 15.3248 17.1751 15.3498 17.3001 15.3498C17.4501 15.3498 17.5751 15.2998 17.6751 15.1748C17.8751 14.9748 17.8501 14.6498 17.6251 14.4498L14.6001 11.7498Z"/>
+<path d="M19.975 5H4.025C2.925 5 2 5.9 2 7.025V16.75C2 17.85 2.9 18.775 4.025 18.775H19.975C21.075 18.775 22 17.875 22 16.75V7C22 5.9 21.1 5 19.975 5ZM20.975 16.725C20.975 17.275 20.525 17.725 19.975 17.725H4.025C3.475 17.725 3.025 17.275 3.025 16.725V7C3.025 6.45 3.475 6 4.025 6H19.975C20.525 6 20.975 6.45 20.975 7V16.725Z" fill="#2175D9"/>
+<path d="M14.6001 11.7498L17.6251 9.17477C17.8501 8.99977 17.8751 8.67477 17.6751 8.44977C17.5001 8.22477 17.1751 8.19977 16.9501 8.39977L12.0001 12.6498L7.0501 8.39977C6.8251 8.22477 6.5001 8.24977 6.3251 8.44977C6.1501 8.67477 6.1751 8.99977 6.3751 9.17477L9.4001 11.7748L6.3751 14.4748C6.1751 14.6748 6.1501 14.9998 6.3251 15.1998C6.4251 15.3248 6.5751 15.3748 6.7001 15.3748C6.8251 15.3748 6.9501 15.3248 7.0501 15.2498L10.1751 12.4248L11.6751 13.6998C11.6751 13.6998 11.6751 13.6998 11.7001 13.6998L11.7251 13.7248C11.7501 13.7498 11.7751 13.7498 11.7751 13.7498C11.7751 13.7498 11.8001 13.7498 11.8001 13.7748C11.8251 13.7748 11.8501 13.7998 11.8751 13.7998H11.9001C11.9251 13.7998 11.9751 13.7998 12.0001 13.7998C12.0251 13.7998 12.0751 13.7998 12.1001 13.7998H12.1251C12.1501 13.7998 12.1751 13.7748 12.2001 13.7748C12.2001 13.7748 12.2251 13.7748 12.2251 13.7498C12.2501 13.7498 12.2751 13.7248 12.2751 13.7248L12.3001 13.6998C12.3001 13.6998 12.3001 13.6998 12.3251 13.6998L13.8251 12.4248L16.9501 15.2248C17.0501 15.3248 17.1751 15.3498 17.3001 15.3498C17.4501 15.3498 17.5751 15.2998 17.6751 15.1748C17.8751 14.9748 17.8501 14.6498 17.6251 14.4498L14.6001 11.7498Z" fill="#2175D9"/>
 </g>
 <defs>
 <clipPath id="clip0_2335_4843">
-<rect width="24" height="24" fill="currentColor"/>
+<rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>

package/dist/assets/icons/{eye.svg → default/eye.svg}

@@ -1,11 +1,11 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2335_4808)">
-<path d="M21.4 10.5C19.65 8.825 16.125 6 12 6C7.875 6 4.325 8.825 2.6 10.5C2.2 10.875 2 11.4 2 11.95C2 12.5 2.225 13 2.6 13.4C4.35 15.075 7.875 17.9 12 17.9C16.125 17.9 19.675 15.075 21.4 13.4C21.8 13.025 22 12.5 22 11.95C22 11.4 21.8 10.9 21.4 10.5ZM12 16.375C9.55 16.375 7.575 14.4 7.575 11.95C7.575 9.5 9.55 7.525 12 7.525C14.45 7.525 16.425 9.5 16.425 11.95C16.425 14.4 14.425 16.375 12 16.375ZM2.975 11.95C2.975 11.675 3.075 11.425 3.275 11.225C4.4 10.125 6.325 8.525 8.675 7.65C7.4 8.65 6.575 10.2 6.575 11.95C6.575 13.7 7.4 15.25 8.675 16.25C6.35 15.375 4.425 13.775 3.275 12.675C3.1 12.475 2.975 12.225 2.975 11.95ZM20.7 12.675C19.575 13.775 17.65 15.375 15.3 16.25C16.575 15.25 17.4 13.7 17.4 11.95C17.4 10.2 16.575 8.65 15.3 7.65C17.625 8.525 19.55 10.125 20.7 11.225C20.9 11.425 21 11.675 21 11.95C21 12.225 20.9 12.475 20.7 12.675Z"/>
-<path d="M12 10.425C11.15 10.425 10.475 11.1 10.475 11.95C10.475 12.8 11.15 13.475 12 13.475C12.85 13.475 13.525 12.8 13.525 11.95C13.5 11.1 12.825 10.425 12 10.425Z"/>
+<path d="M21.4 10.5C19.65 8.825 16.125 6 12 6C7.875 6 4.325 8.825 2.6 10.5C2.2 10.875 2 11.4 2 11.95C2 12.5 2.225 13 2.6 13.4C4.35 15.075 7.875 17.9 12 17.9C16.125 17.9 19.675 15.075 21.4 13.4C21.8 13.025 22 12.5 22 11.95C22 11.4 21.8 10.9 21.4 10.5ZM12 16.375C9.55 16.375 7.575 14.4 7.575 11.95C7.575 9.5 9.55 7.525 12 7.525C14.45 7.525 16.425 9.5 16.425 11.95C16.425 14.4 14.425 16.375 12 16.375ZM2.975 11.95C2.975 11.675 3.075 11.425 3.275 11.225C4.4 10.125 6.325 8.525 8.675 7.65C7.4 8.65 6.575 10.2 6.575 11.95C6.575 13.7 7.4 15.25 8.675 16.25C6.35 15.375 4.425 13.775 3.275 12.675C3.1 12.475 2.975 12.225 2.975 11.95ZM20.7 12.675C19.575 13.775 17.65 15.375 15.3 16.25C16.575 15.25 17.4 13.7 17.4 11.95C17.4 10.2 16.575 8.65 15.3 7.65C17.625 8.525 19.55 10.125 20.7 11.225C20.9 11.425 21 11.675 21 11.95C21 12.225 20.9 12.475 20.7 12.675Z" fill="#2175D9"/>
+<path d="M12 10.425C11.15 10.425 10.475 11.1 10.475 11.95C10.475 12.8 11.15 13.475 12 13.475C12.85 13.475 13.525 12.8 13.525 11.95C13.5 11.1 12.825 10.425 12 10.425Z" fill="#2175D9"/>
 </g>
 <defs>
 <clipPath id="clip0_2335_4808">
-<rect width="24" height="24" fill="currentColor"/>
+<rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>

package/dist/assets/icons/{eye_crossed.svg → default/eye_crossed.svg}

@@ -1,10 +1,10 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2335_4805)">
-<path d="M21.4007 10.569C20.0774 9.29562 17.7054 7.34805 14.834 6.49911L16.382 2.72883C16.4569 2.55405 16.432 2.35429 16.3321 2.20448C16.2322 2.05467 16.0325 1.97976 15.8577 2.00473C15.6829 2.0297 15.5331 2.15454 15.4582 2.32933L13.8352 6.22446C13.236 6.09961 12.6117 6.04968 11.9875 6.04968C7.86767 6.04968 4.3221 8.87115 2.59925 10.5441C2.19975 10.9186 2 11.4429 2 11.9922C2 12.5416 2.22472 13.0409 2.59925 13.4404C3.9226 14.7138 6.29463 16.6614 9.16604 17.5104L7.61798 21.2806C7.56804 21.4055 7.56804 21.5303 7.61798 21.6552C7.66792 21.78 7.76779 21.8799 7.89263 21.9298C7.94257 21.9548 8.01748 21.9548 8.09238 21.9548C8.29214 21.9548 8.46692 21.8299 8.54182 21.6552L10.1648 17.76C10.764 17.8849 11.3883 17.9348 12.0125 17.9348C16.1323 17.9348 19.6779 15.1133 21.4007 13.4404C21.8002 13.0659 22 12.5416 22 12.0172C22 11.4929 21.8002 10.9436 21.4007 10.569ZM10.789 16.2619L11.9376 13.5153C12.5868 13.5403 13.186 13.1658 13.4107 12.5915C13.6604 11.9922 13.5106 11.3181 13.0112 10.8936L14.1348 8.14705C16.1074 9.24568 16.9313 11.6177 16.0824 13.7151C15.2335 15.7625 12.9613 16.8861 10.789 16.2619ZM3.29838 12.7413C3.1236 12.5416 2.99875 12.2919 2.99875 12.0172C2.99875 11.7426 3.09863 11.4929 3.29838 11.2931C4.92135 9.72009 8.2422 7.0734 11.9875 7.0734C12.4619 7.0734 12.9613 7.12333 13.4357 7.19824L13.4107 7.24818L9.66542 16.3618L9.56554 16.5615C6.84395 15.8125 4.57179 13.9648 3.29838 12.7413ZM20.7016 12.7413C19.578 13.8399 17.6554 15.4379 15.3333 16.3118C16.6567 15.2881 17.4307 13.7151 17.4307 12.0172C17.4307 10.3193 16.6567 8.7463 15.3333 7.72258C17.6554 8.59649 19.578 10.1945 20.7266 11.2931C20.9263 11.4929 21.0262 11.7426 21.0262 12.0172C21.0262 12.2919 20.9014 12.5416 20.7016 12.7413Z"/>
+<path d="M21.4007 10.569C20.0774 9.29562 17.7054 7.34805 14.834 6.49911L16.382 2.72883C16.4569 2.55405 16.432 2.35429 16.3321 2.20448C16.2322 2.05467 16.0325 1.97976 15.8577 2.00473C15.6829 2.0297 15.5331 2.15454 15.4582 2.32933L13.8352 6.22446C13.236 6.09961 12.6117 6.04968 11.9875 6.04968C7.86767 6.04968 4.3221 8.87115 2.59925 10.5441C2.19975 10.9186 2 11.4429 2 11.9922C2 12.5416 2.22472 13.0409 2.59925 13.4404C3.9226 14.7138 6.29463 16.6614 9.16604 17.5104L7.61798 21.2806C7.56804 21.4055 7.56804 21.5303 7.61798 21.6552C7.66792 21.78 7.76779 21.8799 7.89263 21.9298C7.94257 21.9548 8.01748 21.9548 8.09238 21.9548C8.29214 21.9548 8.46692 21.8299 8.54182 21.6552L10.1648 17.76C10.764 17.8849 11.3883 17.9348 12.0125 17.9348C16.1323 17.9348 19.6779 15.1133 21.4007 13.4404C21.8002 13.0659 22 12.5416 22 12.0172C22 11.4929 21.8002 10.9436 21.4007 10.569ZM10.789 16.2619L11.9376 13.5153C12.5868 13.5403 13.186 13.1658 13.4107 12.5915C13.6604 11.9922 13.5106 11.3181 13.0112 10.8936L14.1348 8.14705C16.1074 9.24568 16.9313 11.6177 16.0824 13.7151C15.2335 15.7625 12.9613 16.8861 10.789 16.2619ZM3.29838 12.7413C3.1236 12.5416 2.99875 12.2919 2.99875 12.0172C2.99875 11.7426 3.09863 11.4929 3.29838 11.2931C4.92135 9.72009 8.2422 7.0734 11.9875 7.0734C12.4619 7.0734 12.9613 7.12333 13.4357 7.19824L13.4107 7.24818L9.66542 16.3618L9.56554 16.5615C6.84395 15.8125 4.57179 13.9648 3.29838 12.7413ZM20.7016 12.7413C19.578 13.8399 17.6554 15.4379 15.3333 16.3118C16.6567 15.2881 17.4307 13.7151 17.4307 12.0172C17.4307 10.3193 16.6567 8.7463 15.3333 7.72258C17.6554 8.59649 19.578 10.1945 20.7266 11.2931C20.9263 11.4929 21.0262 11.7426 21.0262 12.0172C21.0262 12.2919 20.9014 12.5416 20.7016 12.7413Z" fill="#2175D9"/>
 </g>
 <defs>
 <clipPath id="clip0_2335_4805">
-<rect width="24" height="24" fill="currentColor"/>
+<rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>

package/dist/assets/icons/{info.svg → default/info.svg}

@@ -1,12 +1,12 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2313_3707)">
-<path d="M12.0249 9.59985C12.4391 9.59985 12.7749 9.26407 12.7749 8.84985C12.7749 8.43564 12.4391 8.09985 12.0249 8.09985C11.6107 8.09985 11.2749 8.43564 11.2749 8.84985C11.2749 9.26407 11.6107 9.59985 12.0249 9.59985Z"/>
-<path d="M12.0248 15.8999C11.7498 15.8999 11.5248 15.6749 11.5248 15.3999V11.0999C11.5248 10.8249 11.7498 10.5999 12.0248 10.5999C12.2998 10.5999 12.5248 10.8249 12.5248 11.0999V15.3999C12.5248 15.6749 12.2998 15.8999 12.0248 15.8999Z"/>
-<path d="M12 2C6.475 2 2 6.5 2 12C2 17.5 6.475 22 12 22C17.525 22 22 17.525 22 12C22 6.475 17.525 2 12 2ZM12 21C7.025 21 3 16.975 3 12C3 7.025 7.025 3 12 3C16.975 3 21 7.025 21 12C21 16.975 16.975 21 12 21Z"/>
+<path d="M12.0249 9.59985C12.4391 9.59985 12.7749 9.26407 12.7749 8.84985C12.7749 8.43564 12.4391 8.09985 12.0249 8.09985C11.6107 8.09985 11.2749 8.43564 11.2749 8.84985C11.2749 9.26407 11.6107 9.59985 12.0249 9.59985Z" fill="#2175D9"/>
+<path d="M12.0248 15.8999C11.7498 15.8999 11.5248 15.6749 11.5248 15.3999V11.0999C11.5248 10.8249 11.7498 10.5999 12.0248 10.5999C12.2998 10.5999 12.5248 10.8249 12.5248 11.0999V15.3999C12.5248 15.6749 12.2998 15.8999 12.0248 15.8999Z" fill="#2175D9"/>
+<path d="M12 2C6.475 2 2 6.5 2 12C2 17.5 6.475 22 12 22C17.525 22 22 17.525 22 12C22 6.475 17.525 2 12 2ZM12 21C7.025 21 3 16.975 3 12C3 7.025 7.025 3 12 3C16.975 3 21 7.025 21 12C21 16.975 16.975 21 12 21Z" fill="#2175D9"/>
 </g>
 <defs>
 <clipPath id="clip0_2313_3707">
-<rect width="24" height="24" fill="currentColor"/>
+<rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>

package/dist/assets/icons/{warning.svg → default/warning.svg}

@@ -1,12 +1,12 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2269_3652)">
-<path d="M21.731 18.3973L13.8574 4.1498C13.5074 3.44992 12.8076 3 12.0077 3C11.2078 3 10.508 3.42493 10.158 4.1498L2.25941 18.3973C1.90947 19.0472 1.90947 19.822 2.28441 20.4719C2.65934 21.1218 3.33422 21.4967 4.08409 21.4967H19.9063C20.6562 21.4967 21.3311 21.1218 21.706 20.4719C22.0809 19.822 22.1059 19.0472 21.731 18.3973ZM20.8561 19.972C20.6562 20.297 20.3062 20.4969 19.9063 20.4969H4.10908C3.70915 20.4969 3.35922 20.297 3.15925 19.972C2.95929 19.6471 2.95929 19.2221 3.13426 18.8972L11.0079 4.62471V4.59972C11.2078 4.22478 11.5578 3.99982 11.9827 3.99982C12.4076 3.99982 12.7576 4.22478 12.9575 4.62471L20.8311 18.8972C21.0561 19.2221 21.0561 19.6221 20.8561 19.972Z"/>
-<path d="M11.9077 15.2728C12.1827 15.2728 12.4077 15.0479 12.4077 14.7729V8.49903C12.4077 8.22408 12.1827 7.99911 11.9077 7.99911C11.6328 7.99911 11.4078 8.22408 11.4078 8.49903V14.7729C11.4078 15.0479 11.6328 15.2728 11.9077 15.2728Z"/>
-<path d="M11.9078 17.9724C12.3219 17.9724 12.6577 17.6367 12.6577 17.2225C12.6577 16.8084 12.3219 16.4727 11.9078 16.4727C11.4937 16.4727 11.1579 16.8084 11.1579 17.2225C11.1579 17.6367 11.4937 17.9724 11.9078 17.9724Z"/>
+<path d="M21.731 18.3973L13.8574 4.1498C13.5074 3.44992 12.8076 3 12.0077 3C11.2078 3 10.508 3.42493 10.158 4.1498L2.25941 18.3973C1.90947 19.0472 1.90947 19.822 2.28441 20.4719C2.65934 21.1218 3.33422 21.4967 4.08409 21.4967H19.9063C20.6562 21.4967 21.3311 21.1218 21.706 20.4719C22.0809 19.822 22.1059 19.0472 21.731 18.3973ZM20.8561 19.972C20.6562 20.297 20.3062 20.4969 19.9063 20.4969H4.10908C3.70915 20.4969 3.35922 20.297 3.15925 19.972C2.95929 19.6471 2.95929 19.2221 3.13426 18.8972L11.0079 4.62471V4.59972C11.2078 4.22478 11.5578 3.99982 11.9827 3.99982C12.4076 3.99982 12.7576 4.22478 12.9575 4.62471L20.8311 18.8972C21.0561 19.2221 21.0561 19.6221 20.8561 19.972Z" fill="#2175D9"/>
+<path d="M11.9077 15.2728C12.1827 15.2728 12.4077 15.0479 12.4077 14.7729V8.49903C12.4077 8.22408 12.1827 7.99911 11.9077 7.99911C11.6328 7.99911 11.4078 8.22408 11.4078 8.49903V14.7729C11.4078 15.0479 11.6328 15.2728 11.9077 15.2728Z" fill="#2175D9"/>
+<path d="M11.9078 17.9724C12.3219 17.9724 12.6577 17.6367 12.6577 17.2225C12.6577 16.8084 12.3219 16.4727 11.9078 16.4727C11.4937 16.4727 11.1579 16.8084 11.1579 17.2225C11.1579 17.6367 11.4937 17.9724 11.9078 17.9724Z" fill="#2175D9"/>
 </g>
 <defs>
 <clipPath id="clip0_2269_3652">
-<rect width="24" height="24" fill="currentColor"/>
+<rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>

package/dist/components/Form.d.ts

@@ -9,6 +9,7 @@ export declare class RandstadForm extends LitElement {
     helper: string | null;
     error: boolean;
     errorMessage: string;
+    success: boolean;
     disabled: boolean;
     typing: boolean;
     type: 'text' | 'password' | 'textarea';
@@ -23,5 +24,6 @@ export declare class RandstadForm extends LitElement {
     private handleInput;
     private handleClear;
     private handleLinkClick;
+    private handleKeyDown;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/Icon.d.ts

@@ -2,9 +2,11 @@ import { LitElement } from 'lit';
 export declare class IconComponent extends LitElement {
     name: string;
     size: string;
+    color: string;
     static styles: import("lit").CSSResult;
+    constructor();
     connectedCallback(): void;
-    updated(changedProps: Map<string, unknown>): void;
+    updated(changedProperties: Map<string, unknown>): void;
     loadIcon(): Promise<void>;
     render(): null;
 }

package/dist/components/Modal.d.ts

@@ -1,19 +1,8 @@
 import { LitElement } from 'lit';
-import '../components/Notice';
-import '../components/Button';
 export declare class CustomModal extends LitElement {
     open: boolean;
     title: string;
-    subtitle?: string;
     scrollable: boolean;
-    showNotice: boolean;
-    noticeType: 'success' | 'error' | 'warning' | 'informative';
-    noticeMessage: string;
-    noticeIcon: string;
-    showPrimaryButton: boolean;
-    primaryButtonLabel: string;
-    showSecondaryButton: boolean;
-    secondaryButtonLabel: string;
     static styles: import("lit").CSSResult;
     private closeModal;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/Notice.d.ts

@@ -1,9 +1 @@
-import { LitElement } from 'lit';
-export declare class RandstadNotice extends LitElement {
-    type: string;
-    icon: string;
-    message: string;
-    open: boolean;
-    static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
-}
+export {};

package/dist/components/Popup.d.ts

@@ -1,6 +1,4 @@
 import { LitElement } from 'lit';
-import '../components/Button';
-import '../components/Icon';
 export declare class CustomPopup extends LitElement {
     open: boolean;
     type: string;
@@ -12,7 +10,6 @@ export declare class CustomPopup extends LitElement {
     confirmText: string;
     cancelText: string;
     static styles: import("lit").CSSResult;
-    firstUpdated(): void;
     closePopup(response: boolean): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/Radio.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import '@material/web/radio/radio.js';
+import '../styles/forms.css';
 export declare class CustomRadio extends LitElement {
     name: string;
     checked: boolean;

package/dist/components/Select.d.ts

@@ -1,11 +1,6 @@
 import { LitElement } from 'lit';
-type SelectOption = string | {
-    label: string;
-    value: string;
-    disabled?: boolean;
-};
 export declare class FilterableSelect extends LitElement {
-    options: SelectOption[];
+    options: any[];
     placeholder: string;
     defaultValue: string;
     disabled: boolean;
@@ -14,9 +9,9 @@ export declare class FilterableSelect extends LitElement {
     labelColor: string;
     filterable: boolean;
     maxLength?: number;
-    error: boolean;
     private isMobile;
-    filteredOptions: SelectOption[];
+    error: boolean;
+    filteredOptions: never[];
     filterValue: string;
     isOpen: boolean;
     mobileFilterValue: string;
@@ -28,12 +23,11 @@ export declare class FilterableSelect extends LitElement {
     disconnectedCallback(): void;
     private updateResponsiveModeBound;
     private updateResponsiveMode;
-    handleInputClick(e: Event): void;
+    handleInputClick(e: any): void;
     handleInput(e: Event): void;
     handleMobileInput(e: Event): void;
     handleSelect(option: any): void;
     handleIconClick(): void;
-    handleClickOutside(e: Event): void;
+    handleClickOutside(e: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-export {};

package/dist/components/Test.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class TestComponent extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/TestButton.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class TestButton extends LitElement {
+    label: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/index.css

@@ -1 +1 @@
-.button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Graphik,sans-serif;font-weight:400;gap:4px;justify-content:center;padding:16px;transition:background-color .2s,color .2s,box-shadow .2s}.button-lg{font-size:18px;line-height:30px;min-width:48px}.button-md{font-size:14px;line-height:25px}.button-primary{background-color:var(--primary-color);color:var(--white)}.button-primary.hover{background-color:var(--primary-button-hover)}.button-primary.active{background-color:var(--primary-button-active)}.button-primary.focus-visible{background-color:var(--primary-button-focus)}.button-primary.disabled{background-color:var(--secondary-color-20);color:var(--secondary-color-60)}.button-secondary{background:none;border:1px solid var(--primary-color);color:var(--primary-color)}.button-secondary.hover{border:1px solid var(#175197);color:var(#175197)}.button-secondary.active{border:1px solid var(--secondary-color-80);color:var(--secondary-color-80)}.button-secondary.focus-visible{border:1px solid var(--primary-color);color:var(--primary-color)}.button-secondary.disabled{border:1px solid var(--secondary-color-60);color:var(--secondary-color-60)}.button-tertiary{background:none;border:none;color:var(--primary-color)}.button-tertiary.hover{background:#2175d90d}.button-tertiary.active{background-color:#2175d91a}.button-tertiary.focus-visible{border:1px solid var(--primary-color)}.button-tertiary.disabled{color:#6f758d}.button-icon-left>.icon,.button-icon-right>.icon{display:inline-block;height:1rem;width:1rem}.button-icon-left>.icon{margin-right:.5rem}.button-icon-right>.icon{margin-left:.5rem}.button-round{align-items:center;background-color:var(--white);border:none;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;width:48px}.button-round img.button-icon{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.button randstad-icon,.button.button-primary randstad-icon{color:var(--white)}.button.button-secondary randstad-icon,.button.button-tertiary randstad-icon{color:var(--primary-color)}.loader{align-items:center;display:flex;gap:6px;justify-content:center}.dot{animation:growAndFade 1.2s ease-in-out infinite;border-radius:50%;display:inline-block;height:10px;width:10px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes growAndFade{0%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.4)}to{opacity:.3;transform:scale(.9)}}.button-primary.loader .dot,.button-secondary.loader .dot{background-color:var(--white)}.button-secondary.loader{background-color:var(--primary-color);border:none;color:var(--white)}
+.button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Graphik,sans-serif;font-weight:400;gap:4px;justify-content:center;padding:16px;transition:background-color .2s,color .2s,box-shadow .2s}.button-lg{font-size:18px;line-height:30px;min-width:48px}.button-md{font-size:14px;line-height:25px}.button-primary{background-color:var(--primary-color);color:var(--white)}.button-primary.hover{background-color:var(--primary-button-hover)}.button-primary.active{background-color:var(--primary-button-active)}.button-primary.focus-visible{background-color:var(--primary-button-focus)}.button-primary.disabled{background-color:var(--secondary-color-20);color:var(--secondary-color-60)}.button-secondary{background:none;border:1px solid var(--primary-color);color:var(--primary-color)}.button-secondary.hover{border:1px solid var(#175197);color:var(#175197)}.button-secondary.active{border:1px solid var(--secondary-color-80);color:var(--secondary-color-80)}.button-secondary.focus-visible{border:1px solid var(--primary-color);color:var(--primary-color)}.button-secondary.disabled{border:1px solid var(--secondary-color-60);color:var(--secondary-color-60)}.button-tertiary{background:none;border:none;color:var(--primary-color)}.button-tertiary.hover{background:#2175d90d}.button-tertiary.active{background-color:#2175d91a}.button-tertiary.focus-visible{border:1px solid var(--primary-color)}.button-tertiary.disabled{color:#6f758d}.button-icon-left>.icon,.button-icon-right>.icon{display:inline-block;height:1rem;width:1rem}.button-icon-left>.icon{margin-right:.5rem}.button-icon-right>.icon{margin-left:.5rem}.button-round{align-items:center;background-color:var(--white);border:none;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;width:48px}.button-round img.button-icon{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.button randstad-icon,.button.button-primary randstad-icon{color:var(--white)}.button.button-secondary randstad-icon,.button.button-tertiary randstad-icon{color:var(--primary-color)}.loader{align-items:center;display:flex;gap:6px;justify-content:center}.dot{animation:growAndFade 1.2s ease-in-out infinite;border-radius:50%;display:inline-block;height:10px;width:10px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes growAndFade{0%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.4)}to{opacity:.3;transform:scale(.9)}}.button-primary.loader .dot,.button-secondary.loader .dot{background-color:var(--white)}.button-secondary.loader{background-color:var(--primary-color);border:none;color:var(--white)}.form{display:flex;flex-direction:column;font-family:Graphik,sans-serif;gap:.3rem}.form-label{color:var(--secondary-color-80);font-size:16px;font-weight:400;line-height:25px}.form-input{border:1px solid var(--secondary-color-10);border-radius:4px;font-size:16px;line-height:30px;outline:none;padding:10px;transition:border-color .3s ease,box-shadow .3s ease}.form.error:not(.disabled) .form-input:hover{box-shadow:0 0 0 4px #e00f0f1a}.form:not(.disabled) .form-input:hover{box-shadow:0 0 0 4px #0f19411a}.form-input:focus{border:1px solid var(--primary-color)}.form.error .form-input{background-color:#fdf3f3;border-color:#e3342f}.form-input.success{background-color:#d4edda;border-color:#28a745}input::-moz-placeholder{color:var(--secondary-color-40);font-size:16px;font-weight:400;line-height:30px}input::placeholder{color:var(--secondary-color-40);font-size:16px;font-weight:400;line-height:30px}.form-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.helper-description{color:var(--secondary-color-40);font-weight:400;text-align:left}.error-message,.helper-description{font-size:16px;line-height:25px;margin:0}.error-message{color:var(--ui-negative)}.toggle-password{background:none;border:none;cursor:pointer;font-size:16px;padding:5px}.form-container,.input-with-button{align-items:center;display:flex;position:relative}.input-with-button input{padding-right:40px;width:100%}.input-with-button button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px}.toggle-password randstad-icon{height:100%;max-height:32px;max-width:32px;width:100%}textarea{font-family:Graphik;font-size:18px;font-weight:400;letter-spacing:0;line-height:30px}textarea.form-input{min-height:100px;resize:none}.form.disabled input.form-input,.form.disabled textarea.form-input{background-color:#f5f5f5;cursor:not-allowed}

package/dist/index.d.ts

@@ -9,4 +9,6 @@ export * from './components/Radio';
 export * from './components/Select';
 export * from './components/Stepper';
 export * from './components/Snackbar';
+export * from './components/Test';
+export * from './components/TestButton';
 export * from './components/Tabs';