@elxjs/ui 0.0.170

package/assets/icons/Stars.svg

@@ -0,0 +1,9 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M24.3333 10.9999L26 7.33325L29.6667 5.66659L26 3.99992L24.3333 0.333252L22.6667 3.99992L19 5.66659L22.6667 7.33325L24.3333 10.9999Z" fill="black"/>
+<path id="Vector_2" d="M24.3333 19L22.6667 22.6667L19 24.3333L22.6667 26L24.3333 29.6667L26 26L29.6667 24.3333L26 22.6667L24.3333 19Z" fill="black"/>
+<path id="Vector_3" d="M14.334 11.6666L11.0007 4.33325L7.66732 11.6666L0.333984 14.9999L7.66732 18.3333L11.0007 25.6666L14.334 18.3333L21.6673 14.9999L14.334 11.6666ZM13.0007 16.9999L11.0007 21.6666L9.00065 16.9999L4.33398 14.9999L9.00065 12.9999L11.0007 8.33325L13.0007 12.9999L17.6673 14.9999L13.0007 16.9999Z" fill="black"/>
+</g>
+</g>
+</svg>

package/assets/icons/Stars_2.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.0399 3.24031L11.3466 13.267L1.33325 16.9603L11.3599 20.6536L15.0533 30.6803L18.7466 20.6536L28.7733 16.9603L18.7466 13.267L15.0533 3.24031H15.0399ZM18.0399 18.7736C17.4932 18.9736 17.0533 19.4136 16.8533 19.9603L15.0399 24.8803L13.2266 19.9603C13.0266 19.4136 12.5866 18.9736 12.0399 18.7736L7.11992 16.9603L12.0399 15.1469C12.5866 14.9469 13.0266 14.5069 13.2266 13.9603L15.0399 9.04032L16.8533 13.9603C17.0533 14.5069 17.4932 14.9469 18.0399 15.1469L22.9599 16.9603L18.0399 18.7736ZM25.0666 12.5203L26.5733 8.42698L30.6666 6.92032L26.5733 5.41365L25.0666 1.32031L23.5599 5.41365L19.4666 6.92032L23.5599 8.42698L25.0666 12.5203Z" fill="white"/>
+</svg>

package/assets/icons/Top_Rating.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2191 22.751C11.8453 22.751 11.4726 22.641 11.1529 22.419L9.12126 21.01L6.5927 21.03H6.5764C5.78617 21.03 5.09165 20.548 4.84725 19.825L4.09265 17.581L2.04781 16.21C1.38995 15.769 1.11093 14.952 1.36959 14.225L2.16084 12.001L1.36959 9.778C1.11093 9.049 1.39097 8.233 2.04781 7.792L4.09265 6.421L4.84725 4.178C5.09165 3.454 5.78718 2.972 6.57946 2.972H6.59168L9.12126 2.992L11.1549 1.582C11.7934 1.139 12.6478 1.139 13.2863 1.582L15.3179 2.992L17.8465 2.972H17.8587C18.654 2.972 19.3496 3.455 19.5919 4.178L20.3465 6.421L22.3924 7.792C23.0502 8.233 23.3293 9.051 23.0696 9.778L22.2793 12.001L23.0696 14.225C23.3293 14.952 23.0502 15.769 22.3924 16.21L20.3465 17.581L19.5919 19.824C19.3496 20.547 18.655 21.03 17.8628 21.03H17.8455L15.3179 21.01L13.2873 22.419C12.9686 22.641 12.5928 22.751 12.2191 22.751ZM9.6009 19.506L12.0348 21.194C12.1458 21.271 12.2955 21.271 12.4064 21.194L14.8393 19.506L17.8597 19.529H17.8628C17.9931 19.529 18.1072 19.457 18.1428 19.352L19.0583 16.626L21.5319 14.97C21.6235 14.908 21.6612 14.81 21.6286 14.718L20.6612 11.999L21.6286 9.281C21.6612 9.188 21.6235 9.09 21.5319 9.028L19.0583 7.372L18.1428 4.646C18.1072 4.542 17.9921 4.469 17.8607 4.469H17.8587L14.8393 4.492L12.4064 2.804C12.2955 2.727 12.1458 2.727 12.0348 2.804L9.6009 4.493L6.58048 4.47H6.57844C6.44809 4.47 6.33302 4.543 6.29738 4.648L5.38188 7.373L2.90933 9.029C2.81768 9.091 2.77898 9.19 2.81157 9.282L3.78002 12L2.81157 14.719C2.77898 14.81 2.81768 14.909 2.90933 14.971L5.38188 16.627L6.29738 19.353C6.33302 19.457 6.44707 19.53 6.5764 19.53H6.57946L9.6009 19.506ZM17.4188 10.535L13.6957 10.528L12.5297 7.052C12.437 6.777 12.0419 6.777 11.9492 7.052L10.7832 10.528L7.06012 10.535C6.7648 10.535 6.6426 10.906 6.87987 11.077L9.88298 13.238L8.73734 16.721C8.64671 16.996 8.96647 17.226 9.20578 17.057L12.2394 14.924L15.2731 17.057C15.5124 17.225 15.8322 16.996 15.7415 16.721L14.5959 13.238L17.599 11.077C17.8373 10.906 17.7141 10.536 17.4188 10.535Z" fill="#011E41"/>
+</svg>

package/assets/icons/Trash.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.66 18.37L9.73 8.64H8.23L9.15 18.37H10.66Z" fill="#011E41"/>
+<path d="M15.8 8.64H14.29L13.37 18.37H14.87L15.8 8.64Z" fill="#011E41"/>
+<path d="M15.53 5L15.29 3.21C15.14 2.09 14.19 1.25 13.06 1.25H10.93C9.8 1.25 8.85 2.09 8.7 3.21L8.46 5H2V6.5H3.49L5.27 20.04C5.42 21.16 6.37 22 7.5 22H16.5C17.63 22 18.58 21.16 18.73 20.04L20.51 6.5H22V5H15.53ZM10.19 3.4C10.24 3.03 10.56 2.75 10.93 2.75H13.06C13.44 2.75 13.75 3.03 13.8 3.4L14.01 5H9.97L10.18 3.4H10.19ZM17.24 19.84C17.19 20.21 16.87 20.49 16.5 20.49H7.5C7.12 20.49 6.81 20.21 6.76 19.84L5 6.49H19L17.24 19.84Z" fill="#011E41"/>
+</svg>

package/assets/icons/Warning.svg

@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Error Warning">
+<g id="Vector">
+<path d="M15.1801 13.1699L8.87014 2.22998C8.68014 1.89998 8.34014 1.72998 8.00014 1.72998C7.66014 1.72998 7.33014 1.89998 7.13014 2.22998L0.820141 13.1699C0.430141 13.8399 0.920141 14.6699 1.69014 14.6699H14.3101C15.0801 14.6699 15.5601 13.8399 15.1801 13.1699ZM2.03014 13.4699L8.00014 3.12998L13.9701 13.4699H2.03014Z" fill="#9C231C"/>
+<path d="M7.30014 6.81998C7.30014 7.16998 7.31014 7.54998 7.34014 7.93998C7.37014 8.32998 7.40014 8.72998 7.44014 9.12998C7.48014 9.51998 7.53014 9.90998 7.58014 10.29V10.34H8.46014V10.29C8.52014 9.93998 8.57014 9.55998 8.61014 9.15998C8.65014 8.75998 8.69014 8.35998 8.71014 7.95998C8.74014 7.55998 8.75014 7.16998 8.75014 6.80998V6.10998H7.29014V6.80998L7.30014 6.81998Z" fill="#9C231C"/>
+<path d="M8.01014 11.04C7.78014 11.04 7.59014 11.12 7.44014 11.2799C7.30014 11.4399 7.22014 11.6399 7.22014 11.8699C7.22014 12.1299 7.29014 12.3299 7.43014 12.4799C7.57014 12.6199 7.76014 12.6999 8.01014 12.6999C8.26014 12.6999 8.44014 12.6199 8.58014 12.4699C8.72014 12.3199 8.79014 12.1199 8.79014 11.8799C8.79014 11.6199 8.72014 11.4099 8.59014 11.2699C8.45014 11.12 8.26014 11.05 8.01014 11.05V11.04Z" fill="#9C231C"/>
+</g>
+</g>
+</svg>

package/assets/icons/Whatsapp.svg

@@ -0,0 +1,5 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="icon-local">
+<path id="Vector" d="M3 37.5L5.38992 28.7691C3.91517 26.2134 3.14025 23.3163 3.14167 20.3456C3.14592 11.0579 10.7038 3.5 19.9901 3.5C24.4965 3.50142 28.7267 5.25667 31.9085 8.44133C35.0889 11.626 36.8399 15.859 36.8385 20.3612C36.8342 29.6502 29.2763 37.2082 19.9901 37.2082C17.1709 37.2067 14.3928 36.4998 11.9321 35.1568L3 37.5ZM12.3457 32.1068C14.7201 33.5163 16.9867 34.3607 19.9844 34.3621C27.7024 34.3621 33.9896 28.0806 33.9938 20.3583C33.9967 12.6205 27.7392 6.3475 19.9957 6.34467C12.2721 6.34467 5.98917 12.6262 5.98633 20.347C5.98492 23.4991 6.90858 25.8592 8.45983 28.3285L7.04458 33.4965L12.3457 32.1068ZM28.4773 24.3661C28.3725 24.1904 28.092 24.0856 27.6698 23.8745C27.2491 23.6634 25.1793 22.6448 24.7926 22.5046C24.4072 22.3643 24.1267 22.2935 23.8448 22.7157C23.5643 23.1364 22.7568 24.0856 22.5117 24.3661C22.2667 24.6466 22.0202 24.682 21.5994 24.4709C21.1787 24.2598 19.8215 23.8164 18.2136 22.3813C16.9627 21.265 16.1169 19.8866 15.8718 19.4644C15.6267 19.0437 15.8463 18.8156 16.056 18.6059C16.2458 18.4175 16.4767 18.1143 16.6878 17.8678C16.9017 17.6242 16.9712 17.4485 17.1128 17.1666C17.2531 16.8861 17.1837 16.6396 17.0774 16.4285C16.9712 16.2188 16.1297 14.1462 15.7797 13.3033C15.4369 12.4831 15.0898 12.5936 14.832 12.5808L14.0245 12.5667C13.744 12.5667 13.2878 12.6715 12.9025 13.0937C12.5172 13.5158 11.4292 14.533 11.4292 16.6056C11.4292 18.6782 12.9379 20.6799 13.1476 20.9604C13.3587 21.2409 16.1155 25.4938 20.3386 27.317C21.343 27.7505 22.1278 28.0097 22.7384 28.2038C23.7471 28.524 24.6651 28.4787 25.3904 28.371C26.1993 28.2506 27.8809 27.3524 28.2322 26.3692C28.5836 25.3847 28.5836 24.5417 28.4773 24.3661Z" fill="#011E41"/>
+</g>
+</svg>

package/assets/icons/Youtube.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon/Social Media" clip-path="url(#clip0_77_28986)">
+<path id="Vector" d="M26.16 15.24C29.2933 15.24 31.84 17.7733 31.9867 20.9333L32 21.2133V26.0133C32 29.2133 29.5333 31.84 26.44 31.9867L26.16 32H5.84C4.3236 31.9804 2.87282 31.3784 1.78814 30.3185C0.703454 29.2587 0.0679801 27.8222 0.0133333 26.3067L0 26.0267V21.2267C0 18.0267 2.46667 15.4 5.56 15.2533H26.16V15.24ZM24.6267 20.0933C23.9067 20.0933 23.32 20.32 22.8533 20.76C22.4533 21.16 22.2267 21.6667 22.1867 22.2533L22.1733 22.52V26.2533C22.1733 27.04 22.3733 27.6667 22.7867 28.12C23.2133 28.5733 23.7867 28.8 24.5067 28.8C25.3067 28.8 25.92 28.5867 26.32 28.16C26.68 27.7733 26.88 27.2267 26.92 26.52L26.9333 26.24V25.8133H25.2667V26.1867C25.2667 26.68 25.2133 26.9867 25.1067 27.1333C25 27.28 24.8133 27.3467 24.5467 27.3467C24.28 27.3467 24.1067 27.2667 24 27.0933C23.9067 26.96 23.8667 26.72 23.84 26.4V24.6267H26.9333V22.5333C26.9333 21.7467 26.7333 21.1467 26.3333 20.7333C25.9333 20.3067 25.3733 20.1067 24.6267 20.1067V20.0933ZM12.44 20.2933H10.8267V27.2267C10.8267 27.7067 10.92 28.08 11.1067 28.32C11.2933 28.5733 11.5733 28.6933 11.9467 28.6933C12.2533 28.6933 12.5733 28.6133 12.8933 28.4267C13.16 28.2933 13.4 28.1067 13.64 27.8533L13.8267 27.6667V28.5733H15.44V20.2933H13.84V26.5867C13.68 26.76 13.5067 26.9067 13.32 27.0267C13.1912 27.1224 13.0394 27.1822 12.88 27.2C12.72 27.2 12.6133 27.16 12.5467 27.0667C12.4922 26.9828 12.4601 26.8864 12.4533 26.7867V20.2933H12.44ZM18.3067 17.36H16.6667V28.56H18.2933V27.9333C18.4727 28.1691 18.7049 28.3594 18.9712 28.4891C19.2375 28.6188 19.5305 28.6842 19.8267 28.68C20.32 28.68 20.6933 28.52 20.9333 28.2133C21.16 27.9467 21.28 27.5733 21.3067 27.1067L21.32 26.8667V22.2667C21.32 21.6 21.1867 21.0667 20.92 20.72C20.6533 20.3733 20.2533 20.1867 19.7467 20.1867C19.48 20.1867 19.24 20.2533 18.9867 20.3867C18.8133 20.4933 18.64 20.6267 18.4667 20.7867L18.2933 20.96V17.36H18.3067ZM10.1067 17.36H4.50667V18.9867H6.4V28.5733H8.22667V18.9733H10.1067V17.3467V17.36ZM18.9733 21.5067C19.2 21.5067 19.3733 21.5733 19.48 21.72C19.5733 21.84 19.6267 21.9867 19.64 22.2V26.6267C19.64 26.8933 19.6 27.0933 19.5067 27.2C19.4133 27.3333 19.28 27.3867 19.08 27.3867C18.8357 27.3867 18.6012 27.291 18.4267 27.12L18.2933 26.9867V21.84C18.3921 21.7347 18.5097 21.6488 18.64 21.5867C18.7439 21.5358 18.8577 21.5085 18.9733 21.5067ZM24.56 21.5333C24.8 21.5333 24.9867 21.6133 25.0933 21.76C25.1867 21.88 25.24 22.0667 25.2667 22.3067V23.3467H23.84V22.5067C23.84 22.16 23.8933 21.9067 24 21.76C24.12 21.6133 24.3067 21.5333 24.56 21.5333ZM15.8 3.01333C16.56 3.01333 17.1733 3.24 17.6667 3.68C18.0933 4.06667 18.3333 4.56 18.3733 5.14667V10.0933C18.3942 10.4316 18.3433 10.7705 18.2238 11.0876C18.1042 11.4047 17.9189 11.693 17.68 11.9333C17.2 12.3733 16.5467 12.6 15.72 12.6C14.92 12.6 14.2933 12.36 13.8133 11.9067C13.3867 11.5067 13.1467 10.9733 13.1067 10.3067L13.0933 10.0533V5.33333C13.0933 4.62667 13.3333 4.05333 13.8267 3.64C14.32 3.22667 14.9733 3.01333 15.8 3.01333ZM21.68 3.24V10.24C21.68 10.4533 21.72 10.6133 21.8 10.7067C21.8667 10.8 22 10.84 22.1733 10.84C22.3067 10.84 22.4667 10.7867 22.68 10.6533C22.88 10.52 23.08 10.36 23.24 10.1733V3.24H25.0667V12.36H23.24V11.36C22.9067 11.7333 22.56 12.0133 22.1867 12.2C21.8267 12.4 21.48 12.4933 21.1333 12.4933C20.7067 12.4933 20.4 12.36 20.1733 12.0933C19.9733 11.8267 19.8667 11.4133 19.8667 10.8667V3.24H21.68ZM8.13333 0L9.46667 4.93333H9.6L10.84 0H12.9333L10.5333 7.24V12.36H8.52V7.46667L6.06667 0H8.13333ZM15.72 4.6C15.5271 4.59153 15.3377 4.6531 15.1867 4.77333C15.0728 4.86796 14.9971 5.00056 14.9733 5.14667V10.2267C14.9733 10.48 15.0267 10.6667 15.16 10.8133C15.2933 10.9467 15.48 11.0133 15.72 11.0133C15.8271 11.0189 15.9342 11.0029 16.035 10.9663C16.1358 10.9296 16.2282 10.8731 16.3067 10.8C16.4267 10.6933 16.4933 10.5467 16.52 10.3733V5.26667C16.5252 5.17351 16.5087 5.08042 16.4717 4.99478C16.4346 4.90914 16.3781 4.83331 16.3067 4.77333C16.1376 4.64831 15.9299 4.58693 15.72 4.6Z" fill="#FF8200"/>
+</g>
+<defs>
+<clipPath id="clip0_77_28986">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/styles/colors.scss

@@ -0,0 +1,36 @@
+$elux-colors: (
+  'electrolux-blue': ('base': #011E41),
+  'blue-contrast': ('base': #5B6A78),
+  'blue-mid': ('base': #7A8A9B),
+  'blue-ligth': ('base': #ADB9C3),
+  'blue-tint': ('base': #DEE7EA),
+  'silk-rich': ('base':#2B2936),
+  'silk-mid': ('base':#797487),
+  'silk-ligth': ('base':#B1ABBB),
+  'silk-tint': ('base':#D8D5DD),
+  'mahogany-rich': ('base':#3D2727),
+  'mahogany-mid': ('base':#7E6464),
+  'mahogany-ligth': ('base':#B4A0A0),
+  'mahogany-tint': ('base':#D9CFCF),
+  'umber-rich': ('base':#4A1E18),
+  'umber-mid': ('base':#957359),
+  'umber-ligth': ('base':#D2BB95),
+  'umber-tint': ('base':#EBE0CE),
+  'lichen-rich': ('base':#A5742E),
+  'lichen-mid': ('base':#BB8C48),
+  'lichen-ligth': ('base':#D9BA91),
+  'lichen-tint': ('base':#EBDCC8),
+  'darkest-grey': ('base':#515253),
+  'semi-darkest-grey': ('base':#747474),
+  'darker-grey': ('base':#868687),
+  'grey': ('base':#C9C9CA),
+  'lighter-grey': ('base':#EAEBED),
+  'lightest-grey': ('base':#F4F5F7),
+  'white': ('base':#FFFFFF),
+  'red': ('base': #D21828),
+  'green': ('base': #16A748)
+);
+
+@function color($color, $key: 'base') {
+  @return map-get(map-get($elux-colors, $color), $key);
+}

package/assets/styles/fonts.scss

@@ -0,0 +1,102 @@
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_1_thin-webfont.eot);
+  src: url(../fonts/electroluxsans_1_thin-webfont.ttf);
+  src: url(../fonts/electroluxsans_1_thin-webfont.woff);
+  src: url(../fonts/electroluxsans_1_thin-webfont.woff2);
+  font-weight: 100;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_2_light-webfont.eot);
+  src: url(../fonts/electroluxsans_2_light-webfont.ttf);
+  src: url(../fonts/electroluxsans_2_light-webfont.woff);
+  src: url(../fonts/electroluxsans_2_light-webfont.woff2);
+  font-weight: 300;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_3_regular-webfont.eot);
+  src: url(../fonts/electroluxsans_3_regular-webfont.ttf);
+  src: url(../fonts/electroluxsans_3_regular-webfont.woff);
+  src: url(../fonts/electroluxsans_3_regular-webfont.woff2);
+  font-weight: 500;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_4_semibold-webfont.eot);
+  src: url(../fonts/electroluxsans_4_semibold-webfont.ttf);
+  src: url(../fonts/electroluxsans_4_semibold-webfont.woff);
+  src: url(../fonts/electroluxsans_4_semibold-webfont.woff2);
+  font-weight: 600;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_5_bold-webfont.eot);
+  src: url(../fonts/electroluxsans_5_bold-webfont.ttf);
+  src: url(../fonts/electroluxsans_5_bold-webfont.woff);
+  src: url(../fonts/electroluxsans_5_bold-webfont.woff2);
+  font-weight: 700;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_oblique_1_thin-webfont.eot);
+  src: url(../fonts/electroluxsans_oblique_1_thin-webfont.ttf);
+  src: url(../fonts/electroluxsans_oblique_1_thin-webfont.woff);
+  src: url(../fonts/electroluxsans_oblique_1_thin-webfont.woff2);
+  font-weight: 100;
+  font-display: swap;
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_oblique_2_light-webfont.eot);
+  src: url(../fonts/electroluxsans_oblique_2_light-webfont.ttf);
+  src: url(../fonts/electroluxsans_oblique_2_light-webfont.woff);
+  src: url(../fonts/electroluxsans_oblique_2_light-webfont.woff2);
+  font-weight: 300;
+  font-display: swap;
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_oblique_3_regular-webfont.eot);
+  src: url(../fonts/electroluxsans_oblique_3_regular-webfont.ttf);
+  src: url(../fonts/electroluxsans_oblique_3_regular-webfont.woff2);
+  font-weight: normal;
+  font-display: swap;
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_oblique_4_semibold-webfont.ttf);
+  src: url(../fonts/electroluxsans_oblique_4_semibold-webfont.woff);
+  src: url(../fonts/electroluxsans_oblique_4_semibold-webfont.woff2);
+  font-weight: 600;
+  font-display: swap;
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: 'Electrolux Sans';
+  src: url(../fonts/electroluxsans_oblique_5_bold-webfont.eot);
+  src: url(../fonts/electroluxsans_oblique_5_bold-webfont.ttf);
+  src: url(../fonts/electroluxsans_oblique_5_bold-webfont.woff);
+  src: url(../fonts/electroluxsans_oblique_5_bold-webfont.woff2);
+  font-weight: bold;
+  font-display: swap;
+  font-style: oblique;
+}

package/assets/styles/inputs.scss

@@ -0,0 +1,139 @@
+@import './colors.scss';
+
+input[type='text'],
+input[type='search'],
+input[type='tel'],
+input[type='email'],
+input[type='password'],
+input[type='number'] {
+  font-size: 14px;
+  height: 46px;
+  border-radius: 4px;
+  border: solid 1px color('blue-mid');
+  padding: 16px;
+  width: 100%;
+}
+
+input[type='text']:hover,
+input[type='search']:hover,
+input[type='tel']:hover,
+input[type='email']:hover,
+input[type='password']:hover,
+input[type='number']:hover {
+  border-color: color('electrolux-blue');
+  outline: none;
+}
+
+input[type='text']:focus-visible,
+input[type='search']:focus-visible,
+input[type='tel']:focus-visible,
+input[type='email']:focus-visible,
+input[type='password']:focus-visible,
+input[type='number']:focus-visible {
+  border-color: color('electrolux-blue');
+  outline: none;
+}
+
+input[type='search'] {
+  padding-left: 45px;
+  box-sizing: border-box;
+  background-image: url('../icons/Search.svg');
+  background-repeat: no-repeat;
+  background-position: 10px center;
+  background-size: 28px 28px;
+}
+
+input[type='file'] {
+  font-size: 0;
+  width: 1px;
+  height: 1px;
+  left: 0;
+  position: fixed;
+  opacity: 0;
+  bottom: 0;
+}
+
+input[type='date'] {
+  appearance: none;
+}
+
+input[type='checkbox'] {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  width: 20px;
+  height: 20px;
+  border: 2px solid #ccc;
+  border-radius: 4px;
+  outline: none;
+  cursor: pointer;
+}
+
+input[type='checkbox']:checked {
+  background-color: color('electrolux-blue');
+  border-color: color('electrolux-blue');
+}
+
+input[type='checkbox']:disabled {
+  background-color: color('blue-ligth');
+  border-color: color('blue-ligth');
+}
+
+input[type='checkbox']:checked::before {
+  content: '\2713';
+  font-size: 16px;
+  color: color('white');
+  position: relative;
+  top: -4px;
+  left: 3px;
+}
+
+input[type='radio'] {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  outline: none;
+  cursor: pointer;
+  position: relative;
+  border: 1px solid color('electrolux-blue') !important;
+}
+
+input[type='radio']:checked::before {
+  content: '';
+  display: block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: color('electrolux-blue');
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+input[type='radio']:disabled {
+  cursor: not-allowed;
+  background-color: color('blue-tint');
+  border: 1px solid color('blue-ligth') !important;
+}
+
+input[type='radio']:disabled:checked::before {
+  background-color: color('blue-ligth');
+}
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+
+input.ng-invalid.ng-touched {
+  border-color: red;
+}

package/assets/styles/typography.scss

@@ -0,0 +1,117 @@
+@import 'sass-mediaquery-singleline/main';
+
+.display {
+  font-family: "Electrolux Sans";
+  font-size: 48px;
+  font-weight: 700;
+  line-height: 56px;
+}
+
+.heading-1 {
+  font-family: 'Electrolux Sans';
+  font-size: 34px;
+  font-weight: 700;
+  line-height: 40px;
+}
+
+.heading-2 {
+  font-family: 'Electrolux Sans';
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 32px;
+}
+
+.heading-3 {
+  font-family: 'Electrolux Sans';
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 24px;
+}
+
+.subtitle-1 {
+  font-family: 'Electrolux Sans';
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.body {
+  font-family: 'Electrolux Sans';
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 21px;
+}
+
+.caption {
+  font-family: "Electrolux Sans";
+  font-size: 14px;
+  font-weight: 400;
+  line-height: normal;
+}
+
+.links {
+  font-family: 'Electrolux Sans';
+  font-size: 16px;
+  font-weight: 600;
+  line-height: normal;
+  text-decoration-line: underline;
+}
+
+@media screen and (max-width: 768px) {
+  .display {
+    font-family: "Electrolux Sans";
+    font-size: 40px;
+    font-weight: 700;
+    line-height: 46px; 
+  }
+
+  .heading-1 {
+    font-family: 'Electrolux Sans';
+    font-size: 28px;
+    font-weight: 600;
+    line-height: 32px;
+  }
+
+  .heading-2 {
+    font-family: 'Electrolux Sans';
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 28px;
+  }
+
+  .heading-3 {
+    font-family: 'Electrolux Sans';
+    font-size: 20px;
+    font-weight: 600;
+    line-height: 24px;
+  }
+
+  .subtitle-1 {
+    font-family: 'Electrolux Sans';
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 20px; 
+  }
+
+  .body {
+    font-family: 'Electrolux Sans';
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 21px; 
+  }
+
+  .caption {
+    font-family: "Electrolux Sans";
+    font-size: 14px;
+    font-weight: 400;
+    line-height: normal;
+  }
+
+  .links {
+    font-family: 'Electrolux Sans';
+    font-size: 16px;
+    font-weight: 600;
+    line-height: normal;
+    text-decoration-line: underline;
+  }
+}

package/esm2022/elxjs-ui.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWx4anMtdWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9lbHhqcy11aS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export * from './lib';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLE9BQU8sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliJztcclxuIl19

package/esm2022/lib/components/accordion/accordion.component.mjs

@@ -0,0 +1,28 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { EluxIcon } from '../icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class EluxAccordion {
+    constructor() {
+        this.leftArrow = false;
+        this.toggleEventEmitter = new EventEmitter();
+        this.isOpen = false;
+    }
+    toggle() {
+        this.isOpen = !this.isOpen;
+        this.toggleEventEmitter.emit(this.isOpen);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxAccordion, isStandalone: true, selector: "lib-elux-accordion", inputs: { leftArrow: "leftArrow" }, outputs: { toggleEventEmitter: "toggleEventEmitter" }, ngImport: i0, template: "<div class=\"accordion\">\r\n  <div class=\"accordion-header\" [class.left-arrow]=\"leftArrow\" (click)=\"toggle()\">\r\n    <lib-elux-icon *ngIf=\"leftArrow\" class=\"header-icon me-4\" [icon]=\"isOpen ? 'Chevron_Up.svg' : 'Chevron_Down.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n    <ng-content select=\"[header]\"></ng-content>\r\n    <lib-elux-icon *ngIf=\"!leftArrow\" class=\"header-icon\" [icon]=\"isOpen ? 'Chevron_Up.svg' : 'Chevron_Down.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n  <div class=\"accordion-body\" [ngClass]=\"{ open: isOpen }\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,:host .accordion-header{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,:host .accordion-header{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .accordion-header{display:flex;padding:16px 0;cursor:pointer;border-bottom:1px solid #ADB9C3;color:#011e41}:host .accordion-header:not(.left-arrow){justify-content:space-between}:host .accordion-body{display:none;padding:16px}:host .accordion-body.open{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-accordion', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon], template: "<div class=\"accordion\">\r\n  <div class=\"accordion-header\" [class.left-arrow]=\"leftArrow\" (click)=\"toggle()\">\r\n    <lib-elux-icon *ngIf=\"leftArrow\" class=\"header-icon me-4\" [icon]=\"isOpen ? 'Chevron_Up.svg' : 'Chevron_Down.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n    <ng-content select=\"[header]\"></ng-content>\r\n    <lib-elux-icon *ngIf=\"!leftArrow\" class=\"header-icon\" [icon]=\"isOpen ? 'Chevron_Up.svg' : 'Chevron_Down.svg'\" [color]=\"'#011E41'\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n  </div>\r\n  <div class=\"accordion-body\" [ngClass]=\"{ open: isOpen }\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,:host .accordion-header{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,:host .accordion-header{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .accordion-header{display:flex;padding:16px 0;cursor:pointer;border-bottom:1px solid #ADB9C3;color:#011e41}:host .accordion-header:not(.left-arrow){justify-content:space-between}:host .accordion-body{display:none;padding:16px}:host .accordion-body.open{display:flex}\n"] }]
+        }], propDecorators: { leftArrow: [{
+                type: Input
+            }], toggleEventEmitter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFDOzs7QUFTbkMsTUFBTSxPQUFPLGFBQWE7SUFQMUI7UUFRVyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTFCLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFM0QsV0FBTSxHQUFHLEtBQUssQ0FBQztLQU1oQjtJQUpDLE1BQU07UUFDSixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1QyxDQUFDOytHQVZVLGFBQWE7bUdBQWIsYUFBYSx5S0NaMUIsc3NCQVVBLCt6RERGWSxZQUFZLGdPQUFFLG1CQUFtQiwrQkFBRSxRQUFROzs0RkFJMUMsYUFBYTtrQkFQekIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLFFBQVEsQ0FBQzs4QkFLN0MsU0FBUztzQkFBakIsS0FBSztnQkFFSSxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1hY2NvcmRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRWx1eEljb25dLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50LnNjc3MnLCAgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4QWNjb3JkaW9uIHtcclxuICBASW5wdXQoKSBsZWZ0QXJyb3c6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHRvZ2dsZUV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuICBcclxuICBpc09wZW4gPSBmYWxzZTtcclxuXHJcbiAgdG9nZ2xlKCkge1xyXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XHJcbiAgICB0aGlzLnRvZ2dsZUV2ZW50RW1pdHRlci5lbWl0KHRoaXMuaXNPcGVuKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFjY29yZGlvblwiPlxyXG4gIDxkaXYgY2xhc3M9XCJhY2NvcmRpb24taGVhZGVyXCIgW2NsYXNzLmxlZnQtYXJyb3ddPVwibGVmdEFycm93XCIgKGNsaWNrKT1cInRvZ2dsZSgpXCI+XHJcbiAgICA8bGliLWVsdXgtaWNvbiAqbmdJZj1cImxlZnRBcnJvd1wiIGNsYXNzPVwiaGVhZGVyLWljb24gbWUtNFwiIFtpY29uXT1cImlzT3BlbiA/ICdDaGV2cm9uX1VwLnN2ZycgOiAnQ2hldnJvbl9Eb3duLnN2ZydcIiBbY29sb3JdPVwiJyMwMTFFNDEnXCIgW3NpemVdPVwiJzI0J1wiIFtzaXplVHlwZV09XCIncHgnXCI+PC9saWItZWx1eC1pY29uPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlcl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bGliLWVsdXgtaWNvbiAqbmdJZj1cIiFsZWZ0QXJyb3dcIiBjbGFzcz1cImhlYWRlci1pY29uXCIgW2ljb25dPVwiaXNPcGVuID8gJ0NoZXZyb25fVXAuc3ZnJyA6ICdDaGV2cm9uX0Rvd24uc3ZnJ1wiIFtjb2xvcl09XCInIzAxMUU0MSdcIiBbc2l6ZV09XCInMjQnXCIgW3NpemVUeXBlXT1cIidweCdcIj48L2xpYi1lbHV4LWljb24+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImFjY29yZGlvbi1ib2R5XCIgW25nQ2xhc3NdPVwieyBvcGVuOiBpc09wZW4gfVwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/components/accordion/index.mjs

@@ -0,0 +1,2 @@
+export * from './accordion.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9hY2NvcmRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XHJcbiJdfQ==

package/esm2022/lib/components/arrow-link/arrow-link.component.mjs

@@ -0,0 +1,29 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { EluxIcon } from '../icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class EluxArrowLink {
+    constructor() {
+        this.title = '';
+        this.reverse = false;
+        this.icon_name = '';
+        this.icon_size = '26';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxArrowLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxArrowLink, isStandalone: true, selector: "lib-elux-arrow-link", inputs: { title: "title", reverse: "reverse", icon_name: "icon_name", icon_size: "icon_size" }, ngImport: i0, template: "<div *ngIf=\"title\" class=\"single-action mat-elevation-z0\">\r\n  <div class=\"text-container\">\r\n    <lib-elux-icon *ngIf=\"reverse\" class=\"back\" [icon]=\"'Chevron_Left.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n    <div class=\"content\">\r\n      <lib-elux-icon class=\"content-icon\" *ngIf=\"!!icon_name\" [icon]=\"icon_name\" [sizeType]=\"'px'\" [size]=\"icon_size\"> </lib-elux-icon>\r\n      <span>{{ title }}</span>      \r\n    </div>\r\n    <lib-elux-icon *ngIf=\"!reverse\" class=\"go\" [icon]=\"'Chevron_Right.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,.single-action .content{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,.single-action .content{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.single-action{transition:margin-right ease-in-out .3s;padding-top:16px;padding-bottom:16px;padding-right:22px;display:inline-block;cursor:pointer}.single-action *{transition:margin-right ease-in-out .3s}.single-action .text-container{display:flex;align-items:center;justify-content:space-between;color:#011e41}.single-action .content{display:flex;align-items:center;color:#011e41;margin-right:8px}.single-action .content .content-icon{margin-right:10px}.single-action .go,.single-action .back{transition:.3s}.single-action:hover .text-container,.single-action:hover .text-container .content{color:#011e41}.single-action:hover .go{transform:translate(10px)}.single-action:hover .back{transform:translate(-10px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxArrowLink, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-elux-arrow-link', imports: [CommonModule, RouterModule, EluxIcon], standalone: true, template: "<div *ngIf=\"title\" class=\"single-action mat-elevation-z0\">\r\n  <div class=\"text-container\">\r\n    <lib-elux-icon *ngIf=\"reverse\" class=\"back\" [icon]=\"'Chevron_Left.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n    <div class=\"content\">\r\n      <lib-elux-icon class=\"content-icon\" *ngIf=\"!!icon_name\" [icon]=\"icon_name\" [sizeType]=\"'px'\" [size]=\"icon_size\"> </lib-elux-icon>\r\n      <span>{{ title }}</span>      \r\n    </div>\r\n    <lib-elux-icon *ngIf=\"!reverse\" class=\"go\" [icon]=\"'Chevron_Right.svg'\" [color]=\"'#A5742E'\" [size]=\"'24'\" [sizeType]=\"'px'\"> </lib-elux-icon>\r\n  </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,.single-action .content{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1,.single-action .content{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.single-action{transition:margin-right ease-in-out .3s;padding-top:16px;padding-bottom:16px;padding-right:22px;display:inline-block;cursor:pointer}.single-action *{transition:margin-right ease-in-out .3s}.single-action .text-container{display:flex;align-items:center;justify-content:space-between;color:#011e41}.single-action .content{display:flex;align-items:center;color:#011e41;margin-right:8px}.single-action .content .content-icon{margin-right:10px}.single-action .go,.single-action .back{transition:.3s}.single-action:hover .text-container,.single-action:hover .text-container .content{color:#011e41}.single-action:hover .go{transform:translate(10px)}.single-action:hover .back{transform:translate(-10px)}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], reverse: [{
+                type: Input
+            }], icon_name: [{
+                type: Input
+            }], icon_size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyb3ctbGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9hcnJvdy1saW5rL2Fycm93LWxpbmsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvYXJyb3ctbGluay9hcnJvdy1saW5rLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7O0FBU25DLE1BQU0sT0FBTyxhQUFhO0lBUDFCO1FBUVcsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsY0FBUyxHQUFXLElBQUksQ0FBQztLQUNuQzsrR0FMWSxhQUFhO21HQUFiLGFBQWEsK0tDWjFCLDBxQkFVQSxzdkVERFksWUFBWSxrSUFBRSxZQUFZLCtCQUFFLFFBQVE7OzRGQUduQyxhQUFhO2tCQVB6QixTQUFTOytCQUNFLHFCQUFxQixXQUd0QixDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsUUFBUSxDQUFDLGNBQ25DLElBQUk7OEJBR1AsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEVsdXhJY29uIH0gZnJvbSAnLi4vaWNvbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1lbHV4LWFycm93LWxpbmsnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hcnJvdy1saW5rLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hcnJvdy1saW5rLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUm91dGVyTW9kdWxlLCBFbHV4SWNvbl0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEVsdXhBcnJvd0xpbmsge1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSByZXZlcnNlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaWNvbl9uYW1lOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpY29uX3NpemU6IHN0cmluZyA9ICcyNic7XHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJzaW5nbGUtYWN0aW9uIG1hdC1lbGV2YXRpb24tejBcIj5cclxuICA8ZGl2IGNsYXNzPVwidGV4dC1jb250YWluZXJcIj5cclxuICAgIDxsaWItZWx1eC1pY29uICpuZ0lmPVwicmV2ZXJzZVwiIGNsYXNzPVwiYmFja1wiIFtpY29uXT1cIidDaGV2cm9uX0xlZnQuc3ZnJ1wiIFtjb2xvcl09XCInI0E1NzQyRSdcIiBbc2l6ZV09XCInMjQnXCIgW3NpemVUeXBlXT1cIidweCdcIj4gPC9saWItZWx1eC1pY29uPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgPGxpYi1lbHV4LWljb24gY2xhc3M9XCJjb250ZW50LWljb25cIiAqbmdJZj1cIiEhaWNvbl9uYW1lXCIgW2ljb25dPVwiaWNvbl9uYW1lXCIgW3NpemVUeXBlXT1cIidweCdcIiBbc2l6ZV09XCJpY29uX3NpemVcIj4gPC9saWItZWx1eC1pY29uPlxyXG4gICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj4gICAgICBcclxuICAgIDwvZGl2PlxyXG4gICAgPGxpYi1lbHV4LWljb24gKm5nSWY9XCIhcmV2ZXJzZVwiIGNsYXNzPVwiZ29cIiBbaWNvbl09XCInQ2hldnJvbl9SaWdodC5zdmcnXCIgW2NvbG9yXT1cIicjQTU3NDJFJ1wiIFtzaXplXT1cIicyNCdcIiBbc2l6ZVR5cGVdPVwiJ3B4J1wiPiA8L2xpYi1lbHV4LWljb24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/arrow-link/index.mjs

@@ -0,0 +1,2 @@
+export * from './arrow-link.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9hcnJvdy1saW5rL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Fycm93LWxpbmsuY29tcG9uZW50JztcclxuIl19