@roadtrip/components 3.11.2 → 3.12.0

package/icons/index.js

@@ -688,7 +688,7 @@ export const locationPinGarage = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 6
 export const locationPinNumberOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M30.67 58.34c-2.07-6.9-6.01-11.26-9.82-15.47-4.55-5.04-8.85-9.8-8.85-18C12 14.29 21.29 5 31.87 5c10.58 0 19.87 9.29 19.87 19.87 0 8.19-4.3 12.95-8.86 17.99-3.81 4.21-7.75 8.57-9.82 15.47h-2.39v.01Zm1.2-50.84c-9.25 0-17.37 8.12-17.37 17.37 0 7.23 3.8 11.44 8.21 16.32 3.21 3.55 6.78 7.5 9.16 13.11 2.38-5.61 5.95-9.56 9.16-13.11 4.41-4.87 8.21-9.08 8.21-16.32 0-9.25-8.12-17.37-17.37-17.37Z"/></svg>'
 export const locationPinNumberSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M31.87 5C21.29 5 12 14.29 12 24.87c0 8.19 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.55-5.04 8.86-9.8 8.86-17.99C51.74 14.29 42.46 5 31.87 5Z"/></svg>'
 export const locationPinNumber = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M44.919 11.075a18.225 18.225 0 0 0-12.891-5.3H32a18.188 18.188 0 0 0-18.266 18.05c0 11.482 13.244 28.346 17.3 33.242L32 58.226l.962-1.16c4.059-4.895 17.3-21.755 17.3-33.215a17.845 17.845 0 0 0-5.343-12.776Z"/></svg>'
-export const locationPinOutlineColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M32 32.202a7.9 7.9 0 1 1 7.9-7.9 7.911 7.911 0 0 1-7.9 7.9Zm0-13.3a5.4 5.4 0 1 0 5.4 5.4 5.409 5.409 0 0 0-5.4-5.404Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m32 58.452-.962-1.16c-4.06-4.9-17.3-21.76-17.3-33.242A18.188 18.188 0 0 1 32 6h.028a18.225 18.225 0 0 1 12.891 5.3 17.845 17.845 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215ZM32 8.5a15.685 15.685 0 0 0-15.766 15.551c0 8.121 7.966 20.837 15.766 30.47 7.795-9.631 15.765-22.337 15.765-30.449a15.374 15.374 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5Z"/></svg>'
+export const locationPinOutlineColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill="none" d="M0 0h64v64H0z"/><path d="M32 32.202a7.9 7.9 0 1 1 7.9-7.9 7.911 7.911 0 0 1-7.9 7.9Zm0-13.3a5.4 5.4 0 1 0 5.4 5.4 5.409 5.409 0 0 0-5.4-5.404Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m32 58.452-.962-1.16c-4.06-4.9-17.3-21.76-17.3-33.242A18.188 18.188 0 0 1 32 6h.028a18.225 18.225 0 0 1 12.891 5.3 17.845 17.845 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215ZM32 8.5a15.685 15.685 0 0 0-15.766 15.551c0 8.121 7.966 20.837 15.766 30.47 7.795-9.631 15.765-22.337 15.765-30.449a15.374 15.374 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5Z"/></svg>'
 export const locationPinOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M30.67 58.34c-2.07-6.9-6.01-11.26-9.82-15.47-4.55-5.04-8.85-9.8-8.85-18C12 14.29 21.29 5 31.87 5c10.58 0 19.87 9.29 19.87 19.87 0 8.19-4.3 12.95-8.86 17.99-3.81 4.21-7.75 8.57-9.82 15.47h-2.39v.01Zm1.2-50.84c-9.25 0-17.37 8.12-17.37 17.37 0 7.23 3.8 11.44 8.21 16.32 3.21 3.55 6.78 7.5 9.16 13.11 2.38-5.61 5.95-9.56 9.16-13.11 4.41-4.87 8.21-9.08 8.21-16.32 0-9.25-8.12-17.37-17.37-17.37Z"/><path d="M31.9 32.28c-4.13 0-7.48-3.33-7.48-7.43s3.36-7.43 7.48-7.43c4.12 0 7.48 3.33 7.48 7.43s-3.36 7.43-7.48 7.43Zm0-12.36c-2.75 0-4.98 2.21-4.98 4.93 0 2.72 2.24 4.93 4.98 4.93s4.98-2.21 4.98-4.93c0-2.72-2.24-4.93-4.98-4.93Z"/></svg>'
 export const locationPinSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M31.87 5C21.29 5 12 14.29 12 24.87c0 8.19 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.55-5.04 8.86-9.8 8.86-17.99C51.74 14.29 42.46 5 31.87 5Zm.03 26.03c-3.44 0-6.23-2.77-6.23-6.18 0-3.41 2.79-6.18 6.23-6.18 3.44 0 6.23 2.77 6.23 6.18 0 3.41-2.79 6.18-6.23 6.18Z"/></svg>'
 export const locationPin = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M44.919 11.075a18.225 18.225 0 0 0-12.891-5.3H32a18.188 18.188 0 0 0-18.266 18.05c0 11.482 13.244 28.346 17.3 33.242L32 58.226l.962-1.16c4.059-4.895 17.3-21.755 17.3-33.215a17.845 17.845 0 0 0-5.343-12.776ZM32 31.232a7.158 7.158 0 1 1 7.159-7.157A7.166 7.166 0 0 1 32 31.232Z"/></svg>'
@@ -1245,9 +1245,9 @@ export const socialTwitterBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64
 export const socialTwitterColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.028 26.295c.012.316.02.639.02.962 0 9.807-7.278 21.112-20.59 21.112a20.145 20.145 0 0 1-11.088-3.327c.571.067 1.146.1 1.721.1 3.272 0 6.444-1.121 8.988-3.178a7.263 7.263 0 0 1-6.76-5.151 7.04 7.04 0 0 0 1.363.132 6.9 6.9 0 0 0 1.907-.261 7.378 7.378 0 0 1-5.81-7.28v-.09a7.106 7.106 0 0 0 3.28.926 7.47 7.47 0 0 1-3.22-6.176 7.557 7.557 0 0 1 .98-3.735 20.378 20.378 0 0 0 14.916 7.752 7.572 7.572 0 0 1-.186-1.69 7.33 7.33 0 0 1 7.234-7.42 7.137 7.137 0 0 1 5.282 2.342 14.252 14.252 0 0 0 4.6-1.8 7.4 7.4 0 0 1-3.182 4.1 14.13 14.13 0 0 0 4.155-1.168 14.841 14.841 0 0 1-3.61 3.85Z" fill="rgb(29, 155, 240)"/></svg>'
 export const socialTwitterSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.028 26.294c.012.316.019.639.019.962 0 9.807-7.277 21.112-20.59 21.112a20.145 20.145 0 0 1-11.087-3.327 14.457 14.457 0 0 0 1.721.1 14.289 14.289 0 0 0 8.988-3.178 7.264 7.264 0 0 1-6.76-5.151 7.033 7.033 0 0 0 1.363.132 6.9 6.9 0 0 0 1.907-.261 7.378 7.378 0 0 1-5.81-7.279v-.091a7.106 7.106 0 0 0 3.28.926 7.47 7.47 0 0 1-3.22-6.176 7.557 7.557 0 0 1 .979-3.735 20.377 20.377 0 0 0 14.917 7.752 7.569 7.569 0 0 1-.186-1.69 7.33 7.33 0 0 1 7.234-7.42 7.137 7.137 0 0 1 5.282 2.342 14.253 14.253 0 0 0 4.6-1.8 7.4 7.4 0 0 1-3.182 4.1 14.13 14.13 0 0 0 4.155-1.168 14.842 14.842 0 0 1-3.61 3.85Z"/></svg>'
 export const socialTwitter = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.028 26.294c.012.316.019.639.019.962 0 9.807-7.277 21.112-20.59 21.112a20.146 20.146 0 0 1-11.087-3.327c.571.068 1.146.1 1.721.1 3.271 0 6.444-1.121 8.988-3.178a7.265 7.265 0 0 1-6.76-5.151c.449.088.905.132 1.363.132a6.904 6.904 0 0 0 1.907-.261 7.379 7.379 0 0 1-5.81-7.279v-.091a7.106 7.106 0 0 0 3.28.926 7.471 7.471 0 0 1-3.22-6.176 7.556 7.556 0 0 1 .979-3.735 20.376 20.376 0 0 0 14.917 7.752 7.566 7.566 0 0 1-.186-1.69 7.33 7.33 0 0 1 7.234-7.42 7.136 7.136 0 0 1 5.282 2.342 14.254 14.254 0 0 0 4.6-1.8 7.4 7.4 0 0 1-3.182 4.1 14.132 14.132 0 0 0 4.155-1.168 14.843 14.843 0 0 1-3.61 3.85Z"/></svg>'
-export const socialWhatsappBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g clip-path="url(#a)" fill-rule="evenodd" clip-rule="evenodd" ><path d="M32.074 47.493h.006c8.668 0 15.722-7.021 15.726-15.651a15.516 15.516 0 0 0-4.602-11.072 15.658 15.658 0 0 0-11.118-4.59c-8.675 0-15.73 7.02-15.733 15.65a15.555 15.555 0 0 0 2.404 8.328l.374.593-1.588 5.775 5.952-1.554.574.34a15.765 15.765 0 0 0 8.005 2.181Zm5.401-13.251c.434.157 2.758 1.295 3.23 1.53v.002l.258.126c.33.159.553.266.648.424.118.196.118 1.138-.276 2.237-.393 1.099-2.282 2.102-3.19 2.237-.815.121-1.846.172-2.978-.186a27.194 27.194 0 0 1-2.695-.992c-4.43-1.904-7.424-6.175-7.993-6.986l-.083-.118-.003-.004c-.248-.329-1.928-2.558-1.928-4.864 0-2.167 1.07-3.303 1.563-3.826l.092-.099c.433-.47.945-.588 1.26-.588.317 0 .631.002.907.016.034.002.07.002.107.002.275-.002.618-.003.957.806.137.327.34.82.552 1.332.399.966.828 2.007.905 2.161.118.236.197.51.04.824l-.07.14c-.117.237-.203.414-.403.645-.08.093-.164.194-.247.294-.161.196-.323.39-.463.53-.236.234-.482.489-.206.96.275.472 1.224 2.012 2.63 3.26a12.233 12.233 0 0 0 3.488 2.194c.13.056.236.102.314.14.472.236.748.197 1.024-.117.276-.313 1.182-1.373 1.497-1.845.315-.47.63-.392 1.063-.235Z"/><path d="M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Zm.08-51c5.061.002 9.812 1.963 13.383 5.522 3.573 3.56 5.539 8.29 5.537 13.322-.004 10.382-8.493 18.83-18.92 18.83h-.008a18.968 18.968 0 0 1-9.042-2.292L13 51l2.684-9.758a18.718 18.718 0 0 1-2.525-9.413C13.162 21.445 21.65 13 32.079 13Z"/></g><defs><clipPath id="a"><path fill="rgb(255, 255, 255)" d="M0 0h64v64H0z"/></clipPath></defs></svg>'
+export const socialWhatsappBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g clip-path="url(#a)" fill-rule="evenodd" clip-rule="evenodd"><path d="M32.074 47.493h.006c8.668 0 15.722-7.021 15.726-15.651a15.516 15.516 0 0 0-4.602-11.072 15.658 15.658 0 0 0-11.118-4.59c-8.675 0-15.73 7.02-15.733 15.65a15.555 15.555 0 0 0 2.404 8.328l.374.593-1.588 5.775 5.952-1.554.574.34a15.765 15.765 0 0 0 8.005 2.181Zm5.401-13.251c.434.157 2.758 1.295 3.23 1.53v.002l.258.126c.33.159.553.266.648.424.118.196.118 1.138-.276 2.237-.393 1.099-2.282 2.102-3.19 2.237-.815.121-1.846.172-2.978-.186a27.194 27.194 0 0 1-2.695-.992c-4.43-1.904-7.424-6.175-7.993-6.986l-.083-.118-.003-.004c-.248-.329-1.928-2.558-1.928-4.864 0-2.167 1.07-3.303 1.563-3.826l.092-.099c.433-.47.945-.588 1.26-.588.317 0 .631.002.907.016.034.002.07.002.107.002.275-.002.618-.003.957.806.137.327.34.82.552 1.332.399.966.828 2.007.905 2.161.118.236.197.51.04.824l-.07.14c-.117.237-.203.414-.403.645-.08.093-.164.194-.247.294-.161.196-.323.39-.463.53-.236.234-.482.489-.206.96.275.472 1.224 2.012 2.63 3.26a12.233 12.233 0 0 0 3.488 2.194c.13.056.236.102.314.14.472.236.748.197 1.024-.117.276-.313 1.182-1.373 1.497-1.845.315-.47.63-.392 1.063-.235Z"/><path d="M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Zm.08-51c5.061.002 9.812 1.963 13.383 5.522 3.573 3.56 5.539 8.29 5.537 13.322-.004 10.382-8.493 18.83-18.92 18.83h-.008a18.968 18.968 0 0 1-9.042-2.292L13 51l2.684-9.758a18.718 18.718 0 0 1-2.525-9.413C13.162 21.445 21.65 13 32.079 13Z"/></g><defs><clipPath id="a"><path fill="rgb(255, 255, 255)" d="M0 0h64v64H0z"/></clipPath></defs></svg>'
 export const socialWhatsappColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M45.463 18.522c-3.572-3.56-8.322-5.52-13.383-5.522-10.43 0-18.918 8.446-18.921 18.828a18.718 18.718 0 0 0 2.525 9.414L13 51l10.03-2.618a18.968 18.968 0 0 0 9.042 2.291h.008c10.427 0 18.916-8.447 18.92-18.83.002-5.03-1.964-9.761-5.537-13.32v-.001ZM32.08 47.493h-.006c-2.822 0-5.59-.756-8.005-2.181l-.574-.34-5.953 1.554 1.589-5.775-.374-.593a15.555 15.555 0 0 1-2.404-8.329c.004-8.628 7.058-15.65 15.733-15.65 4.2.003 8.149 1.632 11.118 4.591a15.516 15.516 0 0 1 4.602 11.072c-.004 8.63-7.058 15.65-15.726 15.65v.001Zm8.626-11.72c-.473-.236-2.797-1.374-3.23-1.531-.435-.157-.75-.236-1.064.236-.315.47-1.221 1.53-1.497 1.844-.276.314-.552.353-1.024.117-.473-.235-1.996-.732-3.802-2.334-1.406-1.248-2.355-2.788-2.63-3.26-.276-.471-.03-.726.206-.96.213-.21.473-.55.71-.824.237-.274.315-.471.472-.785.158-.314.08-.588-.039-.824-.118-.235-1.063-2.551-1.457-3.493-.384-.917-.774-.793-1.064-.808-.276-.014-.59-.016-.906-.016-.316 0-.828.117-1.261.588-.434.472-1.655 1.61-1.655 3.925 0 2.315 1.694 4.553 1.93 4.868.237.314 3.335 5.066 8.077 7.104 1.127.485 2.008.775 2.695.992 1.132.358 2.163.307 2.978.186.908-.135 2.797-1.138 3.19-2.237.394-1.099.394-2.041.276-2.237-.118-.196-.433-.314-.906-.55v-.002Z" fill="rgb(37, 211, 102)"/></svg>'
-export const socialWhatsappSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M45.463 18.522c-3.572-3.56-8.322-5.52-13.383-5.522-10.43 0-18.918 8.446-18.921 18.828a18.718 18.718 0 0 0 2.525 9.414L13 51l10.03-2.618a18.968 18.968 0 0 0 9.042 2.291h.008c10.427 0 18.916-8.447 18.92-18.83.002-5.03-1.964-9.761-5.537-13.32v-.001ZM32.08 47.493h-.006c-2.822 0-5.59-.756-8.005-2.181l-.574-.34-5.953 1.554 1.589-5.775-.374-.593a15.555 15.555 0 0 1-2.404-8.329c.004-8.628 7.058-15.65 15.733-15.65 4.2.003 8.149 1.632 11.118 4.591a15.516 15.516 0 0 1 4.602 11.072c-.004 8.63-7.058 15.65-15.726 15.65v.001Zm8.626-11.72c-.473-.236-2.797-1.374-3.23-1.531-.435-.157-.75-.236-1.064.236-.315.47-1.221 1.53-1.497 1.844-.276.314-.552.353-1.024.117-.473-.235-1.996-.732-3.802-2.334-1.406-1.248-2.355-2.788-2.63-3.26-.276-.471-.03-.726.206-.96.213-.21.473-.55.71-.824.237-.274.315-.471.472-.785.158-.314.08-.588-.039-.824-.118-.235-1.063-2.551-1.457-3.493-.384-.917-.774-.793-1.064-.808-.276-.014-.59-.016-.906-.016-.316 0-.828.117-1.261.588-.434.472-1.655 1.61-1.655 3.925 0 2.315 1.694 4.553 1.93 4.868.237.314 3.335 5.066 8.077 7.104 1.127.485 2.008.775 2.695.992 1.132.358 2.163.307 2.978.186.908-.135 2.797-1.138 3.19-2.237.394-1.099.394-2.041.276-2.237-.118-.196-.433-.314-.906-.55v-.002Z" /></svg>'
+export const socialWhatsappSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M45.463 18.522c-3.572-3.56-8.322-5.52-13.383-5.522-10.43 0-18.918 8.446-18.921 18.828a18.718 18.718 0 0 0 2.525 9.414L13 51l10.03-2.618a18.968 18.968 0 0 0 9.042 2.291h.008c10.427 0 18.916-8.447 18.92-18.83.002-5.03-1.964-9.761-5.537-13.32v-.001ZM32.08 47.493h-.006c-2.822 0-5.59-.756-8.005-2.181l-.574-.34-5.953 1.554 1.589-5.775-.374-.593a15.555 15.555 0 0 1-2.404-8.329c.004-8.628 7.058-15.65 15.733-15.65 4.2.003 8.149 1.632 11.118 4.591a15.516 15.516 0 0 1 4.602 11.072c-.004 8.63-7.058 15.65-15.726 15.65v.001Zm8.626-11.72c-.473-.236-2.797-1.374-3.23-1.531-.435-.157-.75-.236-1.064.236-.315.47-1.221 1.53-1.497 1.844-.276.314-.552.353-1.024.117-.473-.235-1.996-.732-3.802-2.334-1.406-1.248-2.355-2.788-2.63-3.26-.276-.471-.03-.726.206-.96.213-.21.473-.55.71-.824.237-.274.315-.471.472-.785.158-.314.08-.588-.039-.824-.118-.235-1.063-2.551-1.457-3.493-.384-.917-.774-.793-1.064-.808-.276-.014-.59-.016-.906-.016-.316 0-.828.117-1.261.588-.434.472-1.655 1.61-1.655 3.925 0 2.315 1.694 4.553 1.93 4.868.237.314 3.335 5.066 8.077 7.104 1.127.485 2.008.775 2.695.992 1.132.358 2.163.307 2.978.186.908-.135 2.797-1.138 3.19-2.237.394-1.099.394-2.041.276-2.237-.118-.196-.433-.314-.906-.55v-.002Z"/></svg>'
 export const socialXBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M39.8 46h4.336l-19.96-27.922H19.84L39.8 46Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M32 0a32 32 0 1 0 0 64 32 32 0 0 0 0-64Zm14.957 16L35.044 29.543 48 47.983h-9.529l-8.725-12.417-10.923 12.418H16l12.493-14.202L16 16h9.529l8.261 11.76L44.134 16h2.823Z"/></svg>'
 export const socialXSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M35.044 29.543 46.957 16h-2.823L33.79 27.76 25.53 16H16l12.493 17.782L16 47.984h2.823l10.923-12.418 8.725 12.418H48L35.044 29.543Zm-3.866 4.395-1.266-1.77-10.072-14.09h4.336l8.128 11.371 1.266 1.77L44.136 46h-4.337l-8.621-12.06Z"/></svg>'
 export const socialYoutubeBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g clip-path="url(#a)"><path d="m28.256 36.737 9.8-5.113-9.8-5.148v10.261Z"/><path d="M32 0a32 32 0 1 0 0 64 32 32 0 0 0 0-64Zm18.132 33.379a55.604 55.604 0 0 1-.363 5.911 7.94 7.94 0 0 1-1.441 3.625 5.168 5.168 0 0 1-3.628 1.547c-5.075.37-12.694.381-12.694.381s-9.428-.087-12.33-.367a6.121 6.121 0 0 1-4-1.561 7.932 7.932 0 0 1-1.44-3.625 55.604 55.604 0 0 1-.363-5.911v-2.771c.016-1.975.137-3.948.363-5.911a7.934 7.934 0 0 1 1.44-3.625 5.162 5.162 0 0 1 3.634-1.546c5.075-.37 12.686-.37 12.686-.37h.016s7.612 0 12.686.37a5.16 5.16 0 0 1 3.633 1.546 7.94 7.94 0 0 1 1.438 3.628 55.63 55.63 0 0 1 .363 5.911v2.768Z"/></g><defs><clipPath id="a"><path fill="rgb(255, 255, 255)" d="M0 0h64v64H0z"/></clipPath></defs></svg>'
@@ -1625,7 +1625,7 @@ export const vehicleCarSadColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64
 export const vehicleCarSadOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M17.95 43.86c-2.89 0-5.25-2.36-5.25-5.25s2.36-5.25 5.25-5.25 5.25 2.36 5.25 5.25-2.36 5.25-5.25 5.25Zm0-8c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75Zm28.1 7.93c-2.89 0-5.25-2.36-5.25-5.25s2.36-5.25 5.25-5.25 5.25 2.36 5.25 5.25-2.36 5.25-5.25 5.25Zm0-8c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75Z"/><path d="M59.29 27.57h-2.45L52.05 13.3a4.108 4.108 0 0 0-3.9-2.81h-32.3c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.07h2.1a1.25 1.25 0 0 0 0-2.5ZM14.32 14.09c.22-.66.84-1.1 1.53-1.1h32.3c.7 0 1.31.44 1.53 1.1l4.52 13.47H9.79l4.52-13.47h.01Zm-1.9 37.36c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm0-4.61H9.3V30.07h45.4v16.78-.01Z"/><path d="M27.3 44.81c0-2.07 2.11-3.75 4.7-3.75 2.59 0 4.7 1.68 4.7 3.75h2.5c0-3.45-3.23-6.25-7.2-6.25s-7.2 2.8-7.2 6.25h2.5Z"/></svg>'
 export const vehicleCarSadSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M59.29 27.57h-2.45L52.05 13.3a4.108 4.108 0 0 0-3.9-2.81h-32.3c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.07h2.1a1.25 1.25 0 0 0 0-2.5ZM17.94 42.61c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Zm18.76 2.2c0-2.07-2.11-3.75-4.7-3.75-2.59 0-4.7 1.68-4.7 3.75h-2.5c0-3.45 3.23-6.25 7.2-6.25s7.2 2.8 7.2 6.25h-2.5Zm9.35-2.26c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4ZM9.79 27.57l4.52-13.48c.22-.66.84-1.1 1.53-1.1h32.31c.7 0 1.31.44 1.53 1.1l4.52 13.48H9.79Z"/></svg>'
 export const vehicleCarSad = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.529 28.027h-2.732l-3.452-10.043a2.668 2.668 0 0 0-2.906-1.968H21.501a2.667 2.667 0 0 0-2.906 1.968l-3.452 10.043h-2.732A1.411 1.411 0 0 0 11 29.438v1.151A1.411 1.411 0 0 0 12.411 32h2.059v14.016a1.921 1.921 0 0 0 1.969 1.968h2.062a1.922 1.922 0 0 0 1.969-1.968v-2.063h24v2.063a1.921 1.921 0 0 0 1.969 1.968h2.062a1.922 1.922 0 0 0 1.969-1.968V32h2.059a1.411 1.411 0 0 0 1.411-1.411v-1.151a1.411 1.411 0 0 0-1.411-1.411Zm-28.918 9.035A2.983 2.983 0 1 1 21.005 32h.991a2.977 2.977 0 0 1 1.615 5.062Zm14.636 3.891c0-.978-2.251-2.4-5.777-2.4s-5.777 1.42-5.777 2.4h-2c0-2.507 3.343-4.4 7.777-4.4s7.777 1.891 7.777 4.4Zm7.3-3.891A2.983 2.983 0 1 1 42.943 32h.991a2.976 2.976 0 0 1 1.614 5.062Zm-27.046-9.046 3-9h21.938l3 9Z"/></svg>'
-export const vehicleCarSearchColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Z"/><path d="m55.68 22.076-.281.35.318.318 6.896 6.896-1.063 1.063-6.896-6.896-.318-.318-.35.282a11.194 11.194 0 0 1-7.056 2.499c-6.204 0-11.25-5.046-11.25-11.25S40.726 3.77 46.93 3.77s11.25 5.046 11.25 11.25c0 2.67-.938 5.12-2.5 7.056ZM37.19 15.02c0 5.376 4.374 9.75 9.75 9.75s9.75-4.374 9.75-9.75-4.374-9.75-9.75-9.75-9.75 4.374-9.75 9.75Z" stroke="#F6A404"/></svg>'
+export const vehicleCarSearchColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Z"/><path d="m55.68 22.076-.281.35.318.318 6.896 6.896-1.063 1.063-6.896-6.896-.318-.318-.35.282a11.194 11.194 0 0 1-7.056 2.499c-6.204 0-11.25-5.046-11.25-11.25S40.726 3.77 46.93 3.77s11.25 5.046 11.25 11.25c0 2.67-.938 5.12-2.5 7.056ZM37.19 15.02c0 5.376 4.374 9.75 9.75 9.75s9.75-4.374 9.75-9.75-4.374-9.75-9.75-9.75-9.75 4.374-9.75 9.75Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const vehicleCarSearchOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Zm22.02-8.9-7.25-7.25c1.63-2.02 2.61-4.58 2.61-7.37 0-6.48-5.27-11.75-11.75-11.75S35.18 8.54 35.18 15.02s5.27 11.75 11.75 11.75c2.79 0 5.35-.98 7.37-2.61l7.25 7.25 1.77-1.77Zm-16.38-5.37c-5.1 0-9.25-4.15-9.25-9.25s4.15-9.25 9.25-9.25 9.25 4.15 9.25 9.25-4.15 9.25-9.25 9.25Z"/></svg>'
 export const vehicleCarSearchSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M54.17 27.57h-.51a14.225 14.225 0 0 1-6.73 1.71c-2.35 0-4.74-.62-6.75-1.71H9.79l4.52-13.48c.22-.66.84-1.1 1.53-1.1h17c.12-.86.32-1.7.59-2.5H15.85c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.59l-3.02-3.02ZM17.94 42.61c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Zm28.11-.06c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Z"/><path d="m63.32 29.64-7.25-7.25c1.63-2.02 2.61-4.58 2.61-7.37 0-6.48-5.27-11.75-11.75-11.75S35.18 8.54 35.18 15.02s5.27 11.75 11.75 11.75c2.79 0 5.35-.98 7.37-2.61l7.25 7.25 1.77-1.77Zm-16.38-5.37c-5.1 0-9.25-4.15-9.25-9.25s4.15-9.25 9.25-9.25 9.25 4.15 9.25 9.25-4.15 9.25-9.25 9.25Z"/></svg>'
 export const vehicleCarSearch = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.741 27.987h-2.732v-.012h-31.3l3-9h16.03v-3H15.713a2.666 2.666 0 0 0-2.906 1.969L9.355 27.987H6.623A1.411 1.411 0 0 0 5.212 29.4v1.15a1.412 1.412 0 0 0 1.411 1.41h2.059v14.015a1.922 1.922 0 0 0 1.968 1.969h2.063a1.924 1.924 0 0 0 1.969-1.969v-2.062h24v2.062a1.922 1.922 0 0 0 1.968 1.969h2.063a1.924 1.924 0 0 0 1.969-1.969V31.96h2.059a1.412 1.412 0 0 0 1.411-1.412V29.4a1.411 1.411 0 0 0-1.411-1.413Zm-28.919 9.035a2.983 2.983 0 1 1-2.6-5.062h.991a2.976 2.976 0 0 1 1.614 5.062Zm21.938 0a2.983 2.983 0 1 1-2.6-5.062h.99a2.977 2.977 0 0 1 1.615 5.062Z"/><path d="M51.9 22.466h-1.089l-.386-.372a8.985 8.985 0 1 0-.966.966l.372.386v1.09l6.9 6.887 2.056-2.056Zm-8.281 0a6.2 6.2 0 1 1 4.4-1.817 6.2 6.2 0 0 1-4.4 1.817Z"/></svg>'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "3.11.2",
+  "version": "3.12.0",
   "description": "Web Component library for Roadtrip Design System",
   "license": "Apache-2.0",
   "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",
@@ -30,7 +30,7 @@
   "scripts": {
     "start": "npm-run-all --parallel watch storybook",
     "build": "stencil build --docs",
-    "build.files": "node scripts/icons.js",
+    "build.files": "node ./scripts/icons.mjs",
     "release": "standard-version",
     "watch": "stencil build --dev --watch",
     "dev": "stencil build --dev",

package/dist/roadtrip/p-39d1c90a.entry.js

@@ -1,2 +0,0 @@
-import{r,h as s,H as i}from"./p-f3d586b3.js";import{s as t,j as a}from"./p-73fe2357.js";const n=":host{display:flex;align-items:center}.rating-stars{display:inline-flex;flex-shrink:0}.rating-star{color:var(--road-surface-disabled)}.rating-stars.rating-stars--small .icon-sm{width:1rem;height:1rem}.rating-number{margin-left:0.5rem;font-size:var(--road-link-medium);color:var(--road-on-surface);text-decoration:underline}.rating-number.rating-number--small{font-size:var(--road-link-small)}";const e=class{constructor(s){r(this,s);this.size="medium";this.rate=0;this.showreviews=true;this.reviews=0;this.reviewsText="reviews"}render(){const r=Math.floor(this.rate);const n=this.rate-Math.floor(this.rate)>0?1:0;const e=this.size!==undefined?`rating-stars rating-stars--${this.size}`:"rating-stars";const o=this.size!==undefined?`rating-number rating-number--${this.size}`:"rating-number";return s(i,null,s("div",{class:`${e}`},[...Array(r)].map((()=>s("road-icon",{icon:t,size:"sm",color:"warning"}))),[...Array(n)].map((()=>s("road-icon",{icon:a,size:"sm",class:"rating-star"}))),[...Array(5-r-n)].map((()=>s("road-icon",{icon:t,size:"sm",class:"rating-star"})))),this.showreviews&&s("a",{class:`${o}`,href:"#"},"(",this.reviews,this.reviewsText&&` ${this.reviewsText}`,")"))}};e.style=n;export{e as road_rating};
-//# sourceMappingURL=p-39d1c90a.entry.js.map

package/dist/roadtrip/p-39d1c90a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ratingCss","Rating","render","rate","Math","floor","this","rateDecimale","sizeRatingStarsClass","size","undefined","sizeRatingNumberClass","h","Host","class","Array","map","icon","star","color","starHalfColor","showreviews","href","reviews","reviewsText"],"sources":["src/components/rating/rating.css?tag=road-rating&encapsulation=shadow","src/components/rating/rating.tsx"],"sourcesContent":["/*\n * Rating\n *\n * Index\n * - Stars\n * - Star\n * - Rating number\n */\n\n/* STARS\n -------------------- */\n\n:host {\n  display: flex;\n  align-items: center;\n}\n\n.rating-stars {\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* STAR\n -------------------- */\n\n.rating-star {\n  color: var(--road-surface-disabled);\n}\n\n.rating-stars.rating-stars--small .icon-sm{\n  width: 1rem;\n  height: 1rem;\n}\n\n/* RATING NUMBER\n -------------------- */\n\n.rating-number {\n  margin-left: 0.5rem;\n  font-size: var(--road-link-medium);\n  color: var(--road-on-surface);\n  text-decoration: underline;\n}\n\n.rating-number.rating-number--small {\n  font-size: var(--road-link-small);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { star, starHalfColor } from '../../../icons';\n\n@Component({\n  tag: 'road-rating',\n  styleUrl: 'rating.css',\n  shadow: true,\n})\nexport class Rating {\n\n  /**\n    * The button size.\n    */\n   @Prop({ reflect: true }) size?: 'small' | 'medium' = 'medium';\n\n  /**\n   * Rate review between 0 and 5\n   */\n  @Prop() rate: number = 0;\n\n  /**\n * Show reviews\n */\n  @Prop() showreviews: boolean = true;\n\n  /**\n   * number of reviews\n   */\n  @Prop() reviews: number = 0;\n\n  /**\n   * Word display next to the number of reviews.\n   */\n  @Prop() reviewsText: string = 'reviews';\n\n  render() {\n    const rate = Math.floor(this.rate);\n    const rateDecimale = this.rate - Math.floor(this.rate) > 0 ? 1 : 0;\n    const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';\n    const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';\n\n    return (\n      <Host>\n        <div class={`${sizeRatingStarsClass}`}>\n          {[...Array(rate)].map(() =>\n            <road-icon icon={star} size=\"sm\" color=\"warning\"></road-icon>\n          )}\n          {[...Array(rateDecimale)].map(() =>\n            <road-icon icon={starHalfColor} size=\"sm\" class=\"rating-star\"></road-icon>\n          )}\n          {[...Array(5 - rate - rateDecimale)].map(() =>\n            <road-icon icon={star} size=\"sm\" class=\"rating-star\"></road-icon>\n          )}\n        </div>\n        {this.showreviews && <a class={`${sizeRatingNumberClass}`} href=\"#\">({this.reviews}{this.reviewsText && ` ${this.reviewsText}`})</a>}\n        \n      </Host>\n    );\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAY,2Y,MCQLC,EAAM,M,mCAKqC,S,UAK/B,E,iBAKQ,K,aAKL,E,iBAKI,S,CAE9B,MAAAC,GACE,MAAMC,EAAOC,KAAKC,MAAMC,KAAKH,MAC7B,MAAMI,EAAeD,KAAKH,KAAOC,KAAKC,MAAMC,KAAKH,MAAQ,EAAI,EAAI,EACjE,MAAMK,EAAuBF,KAAKG,OAASC,UAAY,8BAA8BJ,KAAKG,OAAS,eACnG,MAAME,EAAwBL,KAAKG,OAASC,UAAY,gCAAgCJ,KAAKG,OAAS,gBAEtG,OACEG,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAO,GAAGN,KACZ,IAAIO,MAAMZ,IAAOa,KAAI,IACpBJ,EAAA,aAAWK,KAAMC,EAAMT,KAAK,KAAKU,MAAM,cAExC,IAAIJ,MAAMR,IAAeS,KAAI,IAC5BJ,EAAA,aAAWK,KAAMG,EAAeX,KAAK,KAAKK,MAAM,kBAEjD,IAAIC,MAAM,EAAIZ,EAAOI,IAAeS,KAAI,IACvCJ,EAAA,aAAWK,KAAMC,EAAMT,KAAK,KAAKK,MAAM,mBAG1CR,KAAKe,aAAeT,EAAA,KAAGE,MAAO,GAAGH,IAAyBW,KAAK,KAAG,IAAGhB,KAAKiB,QAASjB,KAAKkB,aAAe,IAAIlB,KAAKkB,cAAa,K"}

package/dist/roadtrip/p-4f5e8cc2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["progressIndicatorHorizontalCss","Stepper","render","colorClass","this","color","undefined","stateClass","stateFirstStep","stateSecondStepClass","stateSecondStep","stateThirdStepClass","stateThirdStep","urlStep1","urlStep2","urlStep3","h","Host","class","href","name"],"sources":["src/components/progress-indicator-horizontal/progress-indicator-horizontal.css?tag=road-progress-indicator-horizontal&encapsulation=shadow","src/components/progress-indicator-horizontal/progress-indicator-horizontal.tsx"],"sourcesContent":["/*\n * Progress-indicator-horizontal\n *\n * Index\n * - Item\n * - Link\n * - Icon\n * - Title\n * - Completed\n */\n\n:host {\n  display: block;\n}\n\n/* PROGRESS INDICATOR HORIZONTAL\n -------------------- */\n\n.progress-indicator-horizontal {\n  display: flex;\n  padding-left: 0;\n  margin: 0;\n  font-family: var(--road-font);\n  line-height: 1.5;\n  list-style: none;\n}\n\n.progress-indicator-horizontal.progress-indicator-horizontal-header {\n  background-color: var(--road-header-surface);\n}\n\n\n/* PROGRESS INDICATOR HORIZONTAL ITEM\n -------------------- */\n\n.progress-indicator-horizontal-item {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  text-align: center;\n}\n\n.progress-indicator-horizontal-item:last-child {\n  margin-top: 0.125rem;\n}\n\n/**\n * Line between items\n */\n\n\n.progress-indicator-horizontal-item:not(:last-child)::after {\n  position: relative;\n  top: 0.8rem;\n  left: calc(50% + 12px);\n  order: -1;\n  width: calc(100% - 24px);\n  height: 2px;\n  content: \"\";\n  background: var(--road-surface-disabled);\n}\n\n.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after {\n  position: relative;\n  top: 0.8rem;\n  left: calc(50% + 12px);\n  order: -1;\n  width: calc(100% - 24px);\n  height: 2px;\n  content: \"\";\n  background: var(--road-header-surface-disabled);\n}\n\n\n/**\n * Disabled click for current and next steps\n */\n\n\n.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link {\n  cursor: not-allowed;\n}\n\n/* PROGRESS INDICATOR HORIZONTAL LINK\n -------------------- */\n\n.progress-indicator-horizontal-link {\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-decoration: none;\n}\n\n/* PROGRESS INDICATOR HORIZONTAL ICON\n -------------------- */\n\n.progress-indicator-horizontal-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  font-size: var(--road-font-size-12);\n  font-weight: 700;\n  color: var(--road-on-surface-disabled);\n  background: var(--road-surface-disabled);\n  border-radius: 50%;\n  fill: currentColor;\n}\n\n::slotted([slot=\"progress-indicator-horizontal-icon\"]) road-icon{\n  color: currentColor;\n}\n\n.progress-indicator-horizontal-header ::slotted([slot=\"progress-indicator-horizontal-icon\"]) road-icon{\n  color: currentColor;\n}\n\n.progress-indicator-horizontal-header .progress-indicator-horizontal-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  font-size: var(--road-font-size-12);\n  font-weight: 700;\n  color: var(--road-on-header-surface-disabled);\n  background: var(--road-header-surface-disabled);\n  border-radius: 50%;\n  fill: currentColor;\n}\n\n/* PROGRESS INDICATOR HORIZONTAL TITLE\n -------------------- */\n\n.progress-indicator-horizontal-title {\n  display: block;\n  margin-top: 0.25rem;\n  font-size: var(--road-body-small);\n  font-weight: 700;\n  color: var(--road-on-surface-disabled);\n}\n\n.progress-indicator-horizontal-title span{\n  display: block;\n  font-size: var(--road-body-small);\n  font-weight: 400;\n  color: var(--road-on-surface-weak);\n}\n\n.progress-indicator-horizontal-header .progress-indicator-horizontal-title {\n  display: block;\n  margin-top: 0.25rem;\n  font-size: var(--road-body-small);\n  font-weight: 700;\n  color: var(--road-on-header-surface-disabled);\n}\n\n.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{\n  display: block;\n  font-size: var(--road-body-small);\n  font-weight: 400;\n  color: var(--road-on-header-surface-weak);\n}\n\n/* STEP COMPLETED\n -------------------- */\n\n.completed:not(:last-child)::after {\n  background: var(--road-primary);\n}\n\n.progress-indicator-horizontal-header .completed:not(:last-child)::after {\n  background: var(--road-header-badge);\n}\n\n.current .progress-indicator-horizontal-icon {\n  color: var(--road-on-primary);\n  background: var(--road-primary);\n  border: 0;\n}\n\n.completed .progress-indicator-horizontal-icon{\n  width: calc(1.5rem - 4px);\n  height: calc(1.5rem - 4px);\n  color: var(--road-primary);\n  background: var(--road-surface);\n  border: 2px solid var(--road-primary);\n}\n\n.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon {\n  color: var(--road-header-badge);\n  background: none;\n  border: 2px solid var(--road-header-badge);\n}\n\n.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon {\n  width: calc(1.5rem);\n  height: calc(1.5rem);\n  color: var(--road-on-header-badge);\n  background: var(--road-header-badge);\n  border: 0;\n}\n\n.current .progress-indicator-horizontal-title,\n.completed .progress-indicator-horizontal-title {\n  font-weight: 700;\n  color: var(--road-on-surface);\n}\n\n.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,\n.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title {\n  font-weight: 700;\n  color: var(--road-on-header-surface);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot progress-indicator-horizontal-icon - if the state of the step 1 is completed add\n * `<road-icon name=\"check-small\" class=\"d-block\" style=\"color: currentColor;\"></road-icon>` by default.\n * @slot progress-indicator-horizontal-title \n * @slot progress-indicator-horizontal-icon2 - if the state of the step 2 is completed add\n * `<road-icon name=\"check-small\" class=\"d-block\" style=\"color: currentColor;\"></road-icon>` by default.\n * @slot progress-indicator-horizontal-title2 \n * @slot progress-indicator-horizontal-icon3 - if the state of the step 3 is completed add\n * `<road-icon name=\"check-small\" class=\"d-block\" style=\"color: currentColor;\"></road-icon>` by default.\n * @slot progress-indicator-horizontal-title3\n */\n\n@Component({\n  tag: 'road-progress-indicator-horizontal',\n  styleUrl: 'progress-indicator-horizontal.css',\n  shadow: true,\n})\nexport class Stepper {\n\n  /**\n    * The color progress-indicator-horizontal.\n    */\n    @Prop({ reflect: true }) color?: 'default' | 'header' = 'default';\n\n    /**\n   * The color of the first step.\n   */\n   @Prop() stateFirstStep?: 'default' | 'current' | 'comleted';\n\n    /**\n   * The color of the second step.\n   */\n    @Prop() stateSecondStep?: 'default' | 'current' | 'comleted';\n\n    /**\n   * The color of the third step.\n   */\n     @Prop() stateThirdStep?: 'default' | 'current' | 'comleted';\n\n    /**\n   * The url of the first step.\n   */\n    @Prop() urlStep1?: string;\n\n    /**\n   * The url of the first step.\n   */\n    @Prop() urlStep2?: string;\n\n    /**\n   * The url of the first step.\n   */\n    @Prop() urlStep3?: string;\n    \n\n     render() {\n\n       const colorClass = this.color !== undefined ? `progress-indicator-horizontal progress-indicator-horizontal-${this.color}` : 'progress-indicator-horizontal';\n       const stateClass = this.stateFirstStep !== undefined ? `progress-indicator-horizontal-item ${this.stateFirstStep}` : 'progress-indicator-horizontal-item';\n       const stateSecondStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateSecondStep}` : 'progress-indicator-horizontal-item';\n       const stateThirdStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateThirdStep}` : 'progress-indicator-horizontal-item';\n       const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';\n       const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';\n       const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';\n\n\n\n       return (\n         <Host>\n           <nav>\n             <ul class={`${colorClass}`}>\n               <li class={`${stateClass}`}>\n                 <a class=\"progress-indicator-horizontal-link\" href={`${urlStep1}`}>\n                   <span class=\"progress-indicator-horizontal-icon\">\n                     <slot name=\"progress-indicator-horizontal-icon\"/>\n                   </span>\n                   <span class=\"progress-indicator-horizontal-title\">\n                     <slot name=\"progress-indicator-horizontal-title\"/>\n                   </span>\n                 </a>\n               </li>\n               <li class={`${stateSecondStepClass}`}>\n                 <a class=\"progress-indicator-horizontal-link\" href={`${urlStep2}`}>\n                   <span class=\"progress-indicator-horizontal-icon\">\n                     <slot name=\"progress-indicator-horizontal-icon2\"/>\n                   </span>\n                   <span class=\"progress-indicator-horizontal-title\">\n                     <slot name=\"progress-indicator-horizontal-title2\"/>\n                   </span>\n                 </a>\n               </li>\n               <li class={`${stateThirdStepClass}`}>\n                 <a class=\"progress-indicator-horizontal-link\" href={`${urlStep3}`}>\n                   <span class=\"progress-indicator-horizontal-icon\">\n                     <slot name=\"progress-indicator-horizontal-icon3\"/>\n                   </span>\n                   <span class=\"progress-indicator-horizontal-title\">\n                     <slot name=\"progress-indicator-horizontal-title3\"/>\n                   </span>\n                 </a>\n               </li>\n             </ul>\n           </nav>\n         </Host>\n       );\n     }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAiC,ywH,MCmB1BC,EAAO,M,oCAKwC,U,mKAiCvD,MAAAC,GAEE,MAAMC,EAAaC,KAAKC,QAAUC,UAAY,+DAA+DF,KAAKC,QAAU,gCAC5H,MAAME,EAAaH,KAAKI,iBAAmBF,UAAY,sCAAsCF,KAAKI,iBAAmB,qCACrH,MAAMC,EAAuBL,KAAKM,kBAAoBJ,UAAY,sCAAsCF,KAAKM,kBAAoB,qCACjI,MAAMC,EAAsBP,KAAKM,kBAAoBJ,UAAY,sCAAsCF,KAAKQ,iBAAmB,qCAC/H,MAAMC,EAAWT,KAAKS,WAAaP,UAAY,GAAGF,KAAKS,WAAa,IACpE,MAAMC,EAAWV,KAAKU,WAAaR,UAAY,GAAGF,KAAKU,WAAa,IACpE,MAAMC,EAAWX,KAAKW,WAAaT,UAAY,GAAGF,KAAKW,WAAa,IAIpE,OACEC,EAACC,EAAI,KACHD,EAAA,WACEA,EAAA,MAAIE,MAAO,GAAGf,KACZa,EAAA,MAAIE,MAAO,GAAGX,KACZS,EAAA,KAAGE,MAAM,qCAAqCC,KAAM,GAAGN,KACrDG,EAAA,QAAME,MAAM,sCACVF,EAAA,QAAMI,KAAK,wCAEbJ,EAAA,QAAME,MAAM,uCACVF,EAAA,QAAMI,KAAK,2CAIjBJ,EAAA,MAAIE,MAAO,GAAGT,KACZO,EAAA,KAAGE,MAAM,qCAAqCC,KAAM,GAAGL,KACrDE,EAAA,QAAME,MAAM,sCACVF,EAAA,QAAMI,KAAK,yCAEbJ,EAAA,QAAME,MAAM,uCACVF,EAAA,QAAMI,KAAK,4CAIjBJ,EAAA,MAAIE,MAAO,GAAGP,KACZK,EAAA,KAAGE,MAAM,qCAAqCC,KAAM,GAAGJ,KACrDC,EAAA,QAAME,MAAM,sCACVF,EAAA,QAAMI,KAAK,yCAEbJ,EAAA,QAAME,MAAM,uCACVF,EAAA,QAAMI,KAAK,8C"}