@roadtrip/components 3.3.0 → 3.5.0

package/dist/collection/components/icon/svg/location-pin-garage-solid.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M43.127 22.509H20.961v1.013h22.166v-1.013Zm-6.661 10.01h-.386a1.166 1.166 0 1 0 1.015.329 1.132 1.132 0 0 0-.629-.329Z"/><path d="M32 2C19.2 2 8.8 12 8.8 24.4 8.8 36.8 17.2 46 26.4 56c1.2 1.2 5.6 6 5.6 6s4.4-4.8 5.6-6c9.2-10 17.6-19.2 17.6-31.6C55.2 12 44.8 2 32 2Zm8.364 29.969a.55.55 0 0 1-.55.55h-.799v5.46a.75.75 0 0 1-.767.767h-.8a.748.748 0 0 1-.767-.767v-.8h-9.35v.8a.75.75 0 0 1-.767.767h-.8a.75.75 0 0 1-.767-.767v-5.46h-.8a.548.548 0 0 1-.55-.55v-.448a.548.548 0 0 1 .55-.55h1.065l1.344-3.912a1.041 1.041 0 0 1 1.133-.767h8.546a1.04 1.04 0 0 1 1.132.767l1.345 3.912h1.065a.549.549 0 0 1 .549.55l-.012.448Zm6.053 5.188h-3.291V24.649H20.961v12.508h-3.378V15.308a1.489 1.489 0 0 1 .46-1.113 1.528 1.528 0 0 1 1.1-.449H44.86a1.53 1.53 0 0 1 1.559 1.562l-.002 21.849Z"/><path d="m27.727 27.461-1.169 3.506h10.884l-1.17-3.506h-8.545Zm.192 5.058h-.385a1.15 1.15 0 1 0 .385 0Zm15.208-12.092H20.961v.983h22.166v-.983Z"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M26.96 33.37a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm10.6 0a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm.02-9.18H26.94l-1.12 3.33H38.7l-1.12-3.33Z"/><path d="M32.25 1C19.43 1 9 11.43 9 24.25c0 9.59 5.05 15.19 10.4 21.11 4.52 5 9.18 10.16 11.65 18.37h2.39c2.46-8.2 7.13-13.37 11.65-18.37 5.35-5.92 10.4-11.51 10.4-21.1C55.5 11.43 45.07 1 32.25 1Zm9.44 29v7.46a1.25 1.25 0 0 1-2.5 0v-.85H25.33v.85a1.25 1.25 0 0 1-2.5 0V30c-.63-.06-1.14-.58-1.14-1.23 0-.69.56-1.25 1.25-1.25h.25l1.45-4.31c.3-.91 1.15-1.52 2.11-1.52h11.03c.96 0 1.8.61 2.11 1.52l1.45 4.31h.24c.69 0 1.25.56 1.25 1.25 0 .65-.5 1.17-1.14 1.23Zm6.89-11.11h-1.09V34.6h-2.5V18.89H19.48V34.6h-2.5V18.89h-1.05v-2.5h4.42V11.5h23.77v4.89h4.46v2.5Z"/></svg>

package/dist/collection/components/icon/svg/location-pin-number-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><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>

package/dist/collection/components/icon/svg/location-pin-number-solid.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><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.242l.966 1.16.962-1.16c4.059-4.896 17.3-21.756 17.3-33.216a17.845 17.845 0 0 0-5.343-12.776Z"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><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>

package/dist/collection/components/icon/svg/location-pin-outline.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><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 3.817 1.581A5.409 5.409 0 0 0 32 18.898v.004Z"/><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.842 17.842 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215L32 58.452ZM32 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.63 15.765-22.337 15.765-30.449a15.373 15.373 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5H32Z"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><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>

package/dist/collection/components/icon/svg/location-pin-solid.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><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.242l.966 1.16.962-1.16c4.059-4.896 17.3-21.756 17.3-33.216a17.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>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><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>

package/dist/collection/components/icon/svg/tire-pressure-color.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M54.49 16.24c-.91-1.11-1.41-2.44-1.41-3.77V7.69h-2.5v4.78c0 1.9.7 3.8 1.97 5.35 7.84 9.56 7.15 23.37-1.61 32.13l-.37.37v5.09c0 .96-.79 1.75-1.75 1.75h-3.68v-5.35h-2.5v5.35h-5.43v-5.35h-2.5v5.35h-5.43v-5.35h-2.5v5.35h-5.43v-5.35h-2.5v5.35h-3.68c-.96 0-1.75-.79-1.75-1.75v-5.09l-.37-.37C4.3 41.2 3.6 27.38 11.44 17.82c1.27-1.55 1.98-3.45 1.98-5.35V7.31h-2.5v5.16c0 1.32-.5 2.66-1.41 3.77-8.55 10.42-7.92 25.42 1.41 35.11v4.06a4.26 4.26 0 0 0 4.25 4.25h33.67a4.26 4.26 0 0 0 4.25-4.25v-4.06a26.375 26.375 0 0 0 1.41-35.11h-.01Z"/><path d="M33.25 15.12h-2.5v14h2.5v-14Zm0 18.43h-2.5v3.33h2.5v-3.33Z"/><path d="M11.53 39.17c1.58 4.77 6.16 7.97 11.38 7.97h18.16c5.36 0 10.14-3.57 11.62-8.68 1.99-6.84.1-14.21-4.92-19.23a5.701 5.701 0 0 1-1.68-4.07V7.69h-2.5v7.47c0 2.2.86 4.28 2.42 5.83 4.38 4.38 6.02 10.8 4.29 16.76-1.17 4.05-4.97 6.88-9.22 6.88H22.92c-4.14 0-7.76-2.51-9-6.26-2.04-6.15-.48-12.81 4.09-17.38a8.193 8.193 0 0 0 2.42-5.83V7.31h-2.5v7.85c0 1.51-.61 3-1.68 4.07-5.24 5.24-7.04 12.88-4.7 19.94h-.02Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/tire-pressure-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M54.49 16.24c-.91-1.11-1.41-2.44-1.41-3.77V7.69h-2.5v4.78c0 1.9.7 3.8 1.97 5.35 7.84 9.56 7.15 23.37-1.61 32.13l-.37.37v5.09c0 .96-.79 1.75-1.75 1.75h-3.68v-5.35h-2.5v5.35h-5.43v-5.35h-2.5v5.35h-5.43v-5.35h-2.5v5.35h-5.43v-5.35h-2.5v5.35h-3.68c-.96 0-1.75-.79-1.75-1.75v-5.09l-.37-.37C4.3 41.2 3.6 27.38 11.44 17.82c1.27-1.55 1.98-3.45 1.98-5.35V7.31h-2.5v5.16c0 1.32-.5 2.66-1.41 3.77-8.55 10.42-7.92 25.42 1.41 35.11v4.06a4.26 4.26 0 0 0 4.25 4.25h33.67a4.26 4.26 0 0 0 4.25-4.25v-4.06a26.375 26.375 0 0 0 1.41-35.11h-.01Z"/><path d="M33.25 15.12h-2.5v14h2.5v-14Zm0 18.43h-2.5v3.33h2.5v-3.33Z"/><path d="M11.53 39.17c1.58 4.77 6.16 7.97 11.38 7.97h18.16c5.36 0 10.14-3.57 11.62-8.68 1.99-6.84.1-14.21-4.92-19.23a5.701 5.701 0 0 1-1.68-4.07V7.69h-2.5v7.47c0 2.2.86 4.28 2.42 5.83 4.38 4.38 6.02 10.8 4.29 16.76-1.17 4.05-4.97 6.88-9.22 6.88H22.92c-4.14 0-7.76-2.51-9-6.26-2.04-6.15-.48-12.81 4.09-17.38a8.193 8.193 0 0 0 2.42-5.83V7.31h-2.5v7.85c0 1.51-.61 3-1.68 4.07-5.24 5.24-7.04 12.88-4.7 19.94h-.02Z"/></svg>

package/dist/collection/components/icon/svg/vehicle-rooftop-tent-color.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.792 31.053c-.57 0-1.14-.22-1.58-.65l-24.83-24.84c-.88-.88-.88-2.3 0-3.18 2.09-2.09 5.42-2.09 7.46-.04l20.59 20.59c2.05 2.05 2.05 5.38 0 7.42-.46.46-1.06.69-1.65.69l.01.01Zm-24.46-27.07 24.47 24.47c.94-1.11.89-2.73-.13-3.75l-20.6-20.59a2.751 2.751 0 0 0-3.75-.13h.01ZM6.398 43.72l1.63-1.1 3.02-4.47a7.728 7.728 0 0 1 4.86-3.24c-.27.79-.59 1.82-1.03 3.18l-.16.49c-.31.99-.15 2.04.45 2.88.6.84 1.55 1.34 2.59 1.36l29.45.52c.47.12.95.22 1.44.29 2.61.36 5.37 1.02 8.21 1.97.92.31 1.7.89 2.26 1.63h2.86a7.205 7.205 0 0 0-4.33-4c-2.99-1-5.9-1.7-8.67-2.08-1.89-.26-3.63-.96-5.02-2.02l-5.81-4.41c-2.35-1.78-5.27-2.72-8.22-2.69l-12.63.2c-3.35.05-6.46 1.74-8.33 4.52l-2.74 4.07-1.23.83a7.28 7.28 0 0 0-2.91 4.02h2.66c.36-.78.92-1.46 1.65-1.94v-.01Zm23.57-9.19c2.38-.03 4.76.74 6.67 2.18l5.35 4.06-10.52-.2.1-.03-1.73-6.01h.13Zm-12.87 4.81.16-.49c.48-1.5 1.02-3.18 1.32-4.13l8.68-.14 1.72 5.95-11.17-.21c-.33 0-.52-.2-.6-.31a.73.73 0 0 1-.1-.66l-.01-.01ZM60.058 49.72c0 .13.03.25.03.38v6.06l-3.2.74h-2.5c-.02-3.43-2.82-6.21-6.25-6.21s-6.22 2.78-6.25 6.21h-21.67c-.02-3.43-2.82-6.21-6.25-6.21s-6.09 2.65-6.24 5.97l-2.34-.35a1.74 1.74 0 0 1-1.49-1.83l.36-6.33h-2.5l-.35 6.19a4.225 4.225 0 0 0 3.62 4.44l3.14.47c.92 2.3 3.17 3.94 5.8 3.94s4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.58 0 4.79-1.57 5.75-3.79h3.29l3.67-.85a2.236 2.236 0 0 0 1.74-2.19V50.1c0-.13-.02-.25-.03-.38h-2.51ZM13.968 60.7c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm34.17 0c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Z"/><path d="M27.452 21.734h-5.17v2.5h5.17v-2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m45.212 30.404-2.39-2.39-9.53.14v-2.92c0-7.78-4.35-8.43-8.43-8.43s-8.43.65-8.43 8.43v3.17l-8.54.13c3.46-3.45 9.81-10.75 14.15-21.31l-1.66-1.66c-.1-.1-.18-.2-.25-.31-5.79 14.84-16.17 23.52-16.27 23.61a1.253 1.253 0 0 0 .79 2.22h.02l40.64-.6s-.07-.05-.09-.08h-.01Zm-26.28-5.16c0-5.65 2.25-5.93 5.93-5.93 3.68 0 5.93.29 5.93 5.93v2.95l-11.87.17v-3.13l.01.01ZM62.018 47.22h-5.29v2.5h5.87c-.05-.88-.25-1.72-.58-2.5ZM2.128 45.66c-.24.77-.29 1.69-.33 2.5h5.56v-2.5h-5.23Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/vehicle-rooftop-tent-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.792 31.053c-.57 0-1.14-.22-1.58-.65l-24.83-24.84c-.88-.88-.88-2.3 0-3.18 2.09-2.09 5.42-2.09 7.46-.04l20.59 20.59c2.05 2.05 2.05 5.38 0 7.42-.46.46-1.06.69-1.65.69l.01.01Zm-24.46-27.07 24.47 24.47c.94-1.11.89-2.73-.13-3.75l-20.6-20.59a2.751 2.751 0 0 0-3.75-.13h.01ZM6.398 43.72l1.63-1.1 3.02-4.47a7.728 7.728 0 0 1 4.86-3.24c-.27.79-.59 1.82-1.03 3.18l-.16.49c-.31.99-.15 2.04.45 2.88.6.84 1.55 1.34 2.59 1.36l29.45.52c.47.12.95.22 1.44.29 2.61.36 5.37 1.02 8.21 1.97.92.31 1.7.89 2.26 1.63h2.86a7.205 7.205 0 0 0-4.33-4c-2.99-1-5.9-1.7-8.67-2.08-1.89-.26-3.63-.96-5.02-2.02l-5.81-4.41c-2.35-1.78-5.27-2.72-8.22-2.69l-12.63.2c-3.35.05-6.46 1.74-8.33 4.52l-2.74 4.07-1.23.83a7.28 7.28 0 0 0-2.91 4.02h2.66c.36-.78.92-1.46 1.65-1.94v-.01Zm23.57-9.19c2.38-.03 4.76.74 6.67 2.18l5.35 4.06-10.52-.2.1-.03-1.73-6.01h.13Zm-12.87 4.81.16-.49c.48-1.5 1.02-3.18 1.32-4.13l8.68-.14 1.72 5.95-11.17-.21c-.33 0-.52-.2-.6-.31a.73.73 0 0 1-.1-.66l-.01-.01ZM60.058 49.72c0 .13.03.25.03.38v6.06l-3.2.74h-2.5c-.02-3.43-2.82-6.21-6.25-6.21s-6.22 2.78-6.25 6.21h-21.67c-.02-3.43-2.82-6.21-6.25-6.21s-6.09 2.65-6.24 5.97l-2.34-.35a1.74 1.74 0 0 1-1.49-1.83l.36-6.33h-2.5l-.35 6.19a4.225 4.225 0 0 0 3.62 4.44l3.14.47c.92 2.3 3.17 3.94 5.8 3.94s4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.58 0 4.79-1.57 5.75-3.79h3.29l3.67-.85a2.236 2.236 0 0 0 1.74-2.19V50.1c0-.13-.02-.25-.03-.38h-2.51ZM13.968 60.7c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm34.17 0c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75ZM27.452 21.734h-5.17v2.5h5.17v-2.5Z"/><path d="m45.212 30.404-2.39-2.39-9.53.14v-2.92c0-7.78-4.35-8.43-8.43-8.43s-8.43.65-8.43 8.43v3.17l-8.54.13c3.46-3.45 9.81-10.75 14.15-21.31l-1.66-1.66c-.1-.1-.18-.2-.25-.31-5.79 14.84-16.17 23.52-16.27 23.61a1.253 1.253 0 0 0 .79 2.22h.02l40.64-.6s-.07-.05-.09-.08h-.01Zm-26.28-5.16c0-5.65 2.25-5.93 5.93-5.93 3.68 0 5.93.29 5.93 5.93v2.95l-11.87.17v-3.13l.01.01ZM62.018 47.22h-5.29v2.5h5.87c-.05-.88-.25-1.72-.58-2.5ZM2.128 45.66c-.24.77-.29 1.69-.33 2.5h5.56v-2.5h-5.23Z"/></svg>

package/dist/collection/components/icon/svg/vehicle-rooftop-tent-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M42.405 59.397H19.72a6.245 6.245 0 0 1-11.547-.143l-3.142-.467a4.232 4.232 0 0 1-3.618-4.444l.35-6.186H5.32v-2.5H2.09a7.29 7.29 0 0 1 2.91-4.015l1.228-.827 2.743-4.07a10.262 10.262 0 0 1 8.335-4.52l12.661-.204a13.21 13.21 0 0 1 8.16 2.672l5.84 4.43c1.06.792 2.261 1.372 3.54 1.71l.254.005v.057c.405.103.814.184 1.227.243a48.057 48.057 0 0 1 8.666 2.076 7.206 7.206 0 0 1 4.325 4h-3.286v2.5h3.872c.007.127.031.25.031.378v6.26a2.243 2.243 0 0 1-1.74 2.19l-3.67.853h-3.292a6.248 6.248 0 0 1-11.492 0l.004.002Zm2-2.455a3.75 3.75 0 1 0 3.75-3.75 3.755 3.755 0 0 0-3.758 3.75h.008Zm-34.174 0a3.75 3.75 0 1 0 3.75-3.75 3.755 3.755 0 0 0-3.758 3.75h.008ZM30.005 34.52h-.16l1.732 6.012-.047.014 10.42.184-5.339-4.05a10.7 10.7 0 0 0-6.375-2.165l-.23.005Zm-11.43.184-1.479 4.625a.749.749 0 0 0 .7.974l11.167.2-1.709-5.933-8.68.134ZM48.432 22.931l-20.59-20.59c-2.05-2.05-5.38-2.05-7.46.04-.78.78-.86 2-.25 2.87-5.79 14.84-16.17 23.52-16.27 23.61a1.253 1.253 0 0 0 .79 2.22h.02l40.64-.6c.42.38.95.58 1.48.58.59 0 1.18-.23 1.65-.69 2.05-2.05 2.05-5.38 0-7.42l-.01-.02Zm-20.99.67h-5.17v-2.5h5.17v2.5Zm5.85 4.55v-2.92c0-7.78-4.35-8.43-8.43-8.43s-8.43.65-8.43 8.43v3.17l-8.54.13c3.46-3.45 9.81-10.75 14.15-21.31l20.79 20.79-9.53.14h-.01Z"/></svg>

package/dist/collection/components/icon/svg/ventilator-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M57.273 46.37c-.529-9.334-11.674-12.48-18.278-13.526l-.1-.015a6.342 6.342 0 0 1-.726 2.418l.441.067c5.854.928 15.74 3.615 16.166 11.2a13.07 13.07 0 0 1-8.617 13.442c-1.407.531-2.896.81-4.4.824a6.984 6.984 0 0 1-5.656-2.287c-2.705-3.514-.836-7.643.971-11.638l.33-.73a13.812 13.812 0 0 0 .95-8.587l-.343-1.945-.056.01a6.42 6.42 0 0 1-2.11 2.089l.054.313a11.39 11.39 0 0 1-.773 7.094l-.327.726c-1.913 4.227-4.293 9.487-.674 14.19a9.429 9.429 0 0 0 7.637 3.263c1.8-.015 3.584-.347 5.27-.982a15.5 15.5 0 0 0 10.24-15.926ZM29.53 37.869l-.068.44c-.928 5.855-3.615 15.739-11.2 16.168A13.068 13.068 0 0 1 4.823 45.86a12.789 12.789 0 0 1-.825-4.4 6.987 6.987 0 0 1 2.287-5.654c3.515-2.7 7.644-.836 11.638.97l.73.33a13.806 13.806 0 0 0 8.587.949l1.946-.342-.01-.055a6.43 6.43 0 0 1-2.09-2.113l-.314.055a11.4 11.4 0 0 1-7.094-.774l-.727-.328c-4.227-1.912-9.487-4.292-14.19-.673a9.428 9.428 0 0 0-3.263 7.636c.015 1.8.348 3.584.982 5.27a15.45 15.45 0 0 0 14.83 10.273c.358 0 .724-.01 1.1-.031 9.332-.527 12.48-11.675 13.526-18.28l.015-.1a6.344 6.344 0 0 1-2.422-.724Zm33.067-20.124A15.5 15.5 0 0 0 46.671 7.503c-9.333.527-12.48 11.675-13.526 18.28l-.016.1a6.33 6.33 0 0 1 2.418.726l.067-.441c.928-5.855 3.616-15.74 11.2-16.168a13.046 13.046 0 0 1 13.441 8.618c.532 1.406.812 2.896.825 4.4a6.985 6.985 0 0 1-2.287 5.655c-3.513 2.7-7.64.837-11.638-.971l-.73-.33a13.812 13.812 0 0 0-8.587-.948l-1.945.342.01.056a6.418 6.418 0 0 1 2.09 2.114l.312-.055a11.4 11.4 0 0 1 7.093.774l.73.328c2.623 1.183 5.646 2.553 8.687 2.553a8.758 8.758 0 0 0 5.5-1.881 9.426 9.426 0 0 0 3.262-7.637 15.316 15.316 0 0 0-.98-5.273ZM26.908 29.229l-.44-.067c-5.855-.928-15.74-3.616-16.168-11.2a13.068 13.068 0 0 1 8.618-13.44 12.76 12.76 0 0 1 4.4-.824 6.987 6.987 0 0 1 5.656 2.287c2.7 3.514.837 7.643-.97 11.638l-.33.729a13.829 13.829 0 0 0-.95 8.588l.342 1.945.056-.01a6.429 6.429 0 0 1 2.113-2.091l-.055-.312a11.406 11.406 0 0 1 .774-7.1l.327-.726c1.913-4.227 4.293-9.487.673-14.191a9.426 9.426 0 0 0-7.636-3.262 15.3 15.3 0 0 0-5.269.982 15.5 15.5 0 0 0-10.245 15.93c.527 9.33 11.674 12.48 18.28 13.53l.1.016a6.328 6.328 0 0 1 .724-2.422Z"/><path d="M32.04 38.427a6.386 6.386 0 1 1 6.387-6.389 6.395 6.395 0 0 1-6.387 6.39Zm0-10.273a3.886 3.886 0 1 0 .002 7.773 3.886 3.886 0 0 0-.002-7.773Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M57.273 46.37c-.529-9.334-11.674-12.48-18.278-13.526l-.1-.015a6.342 6.342 0 0 1-.726 2.418l.441.067c5.854.928 15.739 3.615 16.166 11.2a13.07 13.07 0 0 1-8.617 13.442c-1.407.531-2.896.81-4.4.824a6.984 6.984 0 0 1-5.656-2.287c-2.705-3.514-.836-7.643.971-11.638l.329-.73a13.812 13.812 0 0 0 .95-8.587l-.342-1.945-.056.01a6.422 6.422 0 0 1-2.111 2.089l.055.313a11.39 11.39 0 0 1-.773 7.094l-.327.726c-1.913 4.227-4.293 9.487-.674 14.19a9.429 9.429 0 0 0 7.637 3.263c1.8-.015 3.584-.347 5.269-.982A15.5 15.5 0 0 0 57.273 46.37ZM29.529 37.869l-.067.44c-.928 5.855-3.615 15.739-11.2 16.168A13.067 13.067 0 0 1 4.823 45.86a12.79 12.79 0 0 1-.825-4.4 6.987 6.987 0 0 1 2.287-5.654c3.515-2.7 7.644-.836 11.638.97l.73.33a13.806 13.806 0 0 0 8.587.949l1.946-.342-.01-.055a6.429 6.429 0 0 1-2.091-2.113l-.313.055a11.4 11.4 0 0 1-7.094-.774l-.727-.328c-4.227-1.912-9.487-4.292-14.191-.673a9.428 9.428 0 0 0-3.262 7.636c.015 1.8.347 3.584.982 5.27a15.45 15.45 0 0 0 14.829 10.273c.359 0 .725-.01 1.1-.031 9.333-.527 12.481-11.675 13.527-18.28l.015-.1a6.344 6.344 0 0 1-2.422-.724ZM62.597 17.745A15.5 15.5 0 0 0 46.671 7.503c-9.333.527-12.481 11.675-13.526 18.28l-.016.1a6.33 6.33 0 0 1 2.418.726l.067-.441c.928-5.855 3.616-15.74 11.2-16.168a13.045 13.045 0 0 1 13.441 8.618c.532 1.406.812 2.896.825 4.4a6.983 6.983 0 0 1-2.287 5.655c-3.513 2.7-7.641.837-11.638-.971l-.73-.33a13.812 13.812 0 0 0-8.587-.948l-1.945.342.009.056a6.418 6.418 0 0 1 2.09 2.114l.313-.055a11.4 11.4 0 0 1 7.093.774l.729.328c2.624 1.183 5.647 2.553 8.688 2.553a8.758 8.758 0 0 0 5.5-1.881 9.427 9.427 0 0 0 3.262-7.637 15.318 15.318 0 0 0-.98-5.273ZM26.908 29.229l-.441-.067c-5.854-.928-15.739-3.616-16.167-11.2a13.068 13.068 0 0 1 8.618-13.44 12.76 12.76 0 0 1 4.4-.824 6.987 6.987 0 0 1 5.656 2.287c2.7 3.514.837 7.643-.971 11.638l-.329.729a13.829 13.829 0 0 0-.95 8.588l.342 1.945.056-.01a6.429 6.429 0 0 1 2.113-2.091l-.055-.312a11.405 11.405 0 0 1 .774-7.1l.327-.726c1.913-4.227 4.293-9.487.673-14.191a9.427 9.427 0 0 0-7.636-3.262 15.3 15.3 0 0 0-5.269.982 15.5 15.5 0 0 0-10.245 15.93c.527 9.33 11.674 12.48 18.279 13.53l.1.016a6.325 6.325 0 0 1 .725-2.422Z"/><path d="M32.536 38.622a6.386 6.386 0 1 1 6.387-6.39 6.396 6.396 0 0 1-6.387 6.39Zm0-10.273a3.886 3.886 0 1 0 .003 7.772 3.886 3.886 0 0 0-.003-7.772Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/ventilator-outline.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M57.273 46.37c-.529-9.334-11.674-12.48-18.278-13.526l-.1-.015a6.342 6.342 0 0 1-.726 2.418l.441.067c5.854.928 15.74 3.615 16.166 11.2a13.07 13.07 0 0 1-8.617 13.442c-1.407.531-2.896.81-4.4.824a6.984 6.984 0 0 1-5.656-2.287c-2.705-3.514-.836-7.643.971-11.638l.33-.73a13.812 13.812 0 0 0 .95-8.587l-.343-1.945-.056.01a6.42 6.42 0 0 1-2.11 2.089l.054.313a11.39 11.39 0 0 1-.773 7.094l-.327.726c-1.913 4.227-4.293 9.487-.674 14.19a9.429 9.429 0 0 0 7.637 3.263c1.8-.015 3.584-.347 5.27-.982a15.5 15.5 0 0 0 10.24-15.926ZM29.53 37.869l-.068.44c-.928 5.855-3.615 15.739-11.2 16.168A13.068 13.068 0 0 1 4.823 45.86a12.789 12.789 0 0 1-.825-4.4 6.987 6.987 0 0 1 2.287-5.654c3.515-2.7 7.644-.836 11.638.97l.73.33a13.806 13.806 0 0 0 8.587.949l1.946-.342-.01-.055a6.43 6.43 0 0 1-2.09-2.113l-.314.055a11.4 11.4 0 0 1-7.094-.774l-.727-.328c-4.227-1.912-9.487-4.292-14.19-.673a9.428 9.428 0 0 0-3.263 7.636c.015 1.8.348 3.584.982 5.27a15.45 15.45 0 0 0 14.83 10.273c.358 0 .724-.01 1.1-.031 9.332-.527 12.48-11.675 13.526-18.28l.015-.1a6.344 6.344 0 0 1-2.422-.724Zm33.067-20.124A15.5 15.5 0 0 0 46.671 7.503c-9.333.527-12.48 11.675-13.526 18.28l-.016.1a6.33 6.33 0 0 1 2.418.726l.067-.441c.928-5.855 3.616-15.74 11.2-16.168a13.046 13.046 0 0 1 13.441 8.618c.532 1.406.812 2.896.825 4.4a6.985 6.985 0 0 1-2.287 5.655c-3.513 2.7-7.64.837-11.638-.971l-.73-.33a13.812 13.812 0 0 0-8.587-.948l-1.945.342.01.056a6.418 6.418 0 0 1 2.09 2.114l.312-.055a11.4 11.4 0 0 1 7.093.774l.73.328c2.623 1.183 5.646 2.553 8.687 2.553a8.758 8.758 0 0 0 5.5-1.881 9.426 9.426 0 0 0 3.262-7.637 15.316 15.316 0 0 0-.98-5.273ZM26.908 29.229l-.44-.067c-5.855-.928-15.74-3.616-16.168-11.2a13.068 13.068 0 0 1 8.618-13.44 12.76 12.76 0 0 1 4.4-.824 6.987 6.987 0 0 1 5.656 2.287c2.7 3.514.837 7.643-.97 11.638l-.33.729a13.829 13.829 0 0 0-.95 8.588l.342 1.945.056-.01a6.429 6.429 0 0 1 2.113-2.091l-.055-.312a11.406 11.406 0 0 1 .774-7.1l.327-.726c1.913-4.227 4.293-9.487.673-14.191a9.426 9.426 0 0 0-7.636-3.262 15.3 15.3 0 0 0-5.269.982 15.5 15.5 0 0 0-10.245 15.93c.527 9.33 11.674 12.48 18.28 13.53l.1.016a6.328 6.328 0 0 1 .724-2.422Z"/><path d="M32.04 38.427a6.386 6.386 0 1 1 6.387-6.389 6.395 6.395 0 0 1-6.387 6.39Zm0-10.273a3.886 3.886 0 1 0 .002 7.773 3.886 3.886 0 0 0-.002-7.773Z"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M57.273 46.37c-.529-9.334-11.674-12.48-18.278-13.526l-.1-.015a6.342 6.342 0 0 1-.726 2.418l.441.067c5.854.928 15.739 3.615 16.166 11.2a13.07 13.07 0 0 1-8.617 13.442c-1.407.531-2.896.81-4.4.824a6.984 6.984 0 0 1-5.656-2.287c-2.705-3.514-.836-7.643.971-11.638l.329-.73a13.812 13.812 0 0 0 .95-8.587l-.342-1.945-.056.01a6.422 6.422 0 0 1-2.111 2.089l.055.313a11.39 11.39 0 0 1-.773 7.094l-.327.726c-1.913 4.227-4.293 9.487-.674 14.19a9.429 9.429 0 0 0 7.637 3.263c1.8-.015 3.584-.347 5.269-.982A15.5 15.5 0 0 0 57.273 46.37ZM29.529 37.869l-.067.44c-.928 5.855-3.615 15.739-11.2 16.168A13.067 13.067 0 0 1 4.823 45.86a12.79 12.79 0 0 1-.825-4.4 6.987 6.987 0 0 1 2.287-5.654c3.515-2.7 7.644-.836 11.638.97l.73.33a13.806 13.806 0 0 0 8.587.949l1.946-.342-.01-.055a6.429 6.429 0 0 1-2.091-2.113l-.313.055a11.4 11.4 0 0 1-7.094-.774l-.727-.328c-4.227-1.912-9.487-4.292-14.191-.673a9.428 9.428 0 0 0-3.262 7.636c.015 1.8.347 3.584.982 5.27a15.45 15.45 0 0 0 14.829 10.273c.359 0 .725-.01 1.1-.031 9.333-.527 12.481-11.675 13.527-18.28l.015-.1a6.344 6.344 0 0 1-2.422-.724ZM62.597 17.745A15.5 15.5 0 0 0 46.671 7.503c-9.333.527-12.481 11.675-13.526 18.28l-.016.1a6.33 6.33 0 0 1 2.418.726l.067-.441c.928-5.855 3.616-15.74 11.2-16.168a13.045 13.045 0 0 1 13.441 8.618c.532 1.406.812 2.896.825 4.4a6.983 6.983 0 0 1-2.287 5.655c-3.513 2.7-7.641.837-11.638-.971l-.73-.33a13.812 13.812 0 0 0-8.587-.948l-1.945.342.009.056a6.418 6.418 0 0 1 2.09 2.114l.313-.055a11.4 11.4 0 0 1 7.093.774l.729.328c2.624 1.183 5.647 2.553 8.688 2.553a8.758 8.758 0 0 0 5.5-1.881 9.427 9.427 0 0 0 3.262-7.637 15.318 15.318 0 0 0-.98-5.273ZM26.908 29.229l-.441-.067c-5.854-.928-15.739-3.616-16.167-11.2a13.068 13.068 0 0 1 8.618-13.44 12.76 12.76 0 0 1 4.4-.824 6.987 6.987 0 0 1 5.656 2.287c2.7 3.514.837 7.643-.971 11.638l-.329.729a13.829 13.829 0 0 0-.95 8.588l.342 1.945.056-.01a6.429 6.429 0 0 1 2.113-2.091l-.055-.312a11.405 11.405 0 0 1 .774-7.1l.327-.726c1.913-4.227 4.293-9.487.673-14.191a9.427 9.427 0 0 0-7.636-3.262 15.3 15.3 0 0 0-5.269.982 15.5 15.5 0 0 0-10.245 15.93c.527 9.33 11.674 12.48 18.279 13.53l.1.016a6.325 6.325 0 0 1 .725-2.422Z"/><path d="M32.536 38.622a6.386 6.386 0 1 1 6.387-6.39 6.396 6.396 0 0 1-6.387 6.39Zm0-10.273a3.886 3.886 0 1 0 .003 7.772 3.886 3.886 0 0 0-.003-7.772Z"/></svg>

package/dist/collection/components/icon/svg/water-color.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M31.67 41.767c-6.14 0-11.13-4.99-11.13-11.13 0-4.89 2.25-8.2 4.62-11.71 2.06-3.04 4.19-6.18 5.3-10.82.13-.56.64-.96 1.22-.96s1.08.4 1.22.96c1.11 4.63 3.24 7.78 5.3 10.82 2.38 3.51 4.62 6.82 4.62 11.71 0 6.14-4.99 11.13-11.13 11.13h-.02Zm0-29.27c-1.26 3.13-2.93 5.59-4.44 7.83-2.25 3.32-4.19 6.19-4.19 10.31 0 4.76 3.87 8.63 8.63 8.63 4.76 0 8.63-3.87 8.63-8.63 0-4.12-1.94-6.99-4.19-10.31-1.52-2.24-3.18-4.7-4.44-7.83Z"/><path d="M31.67 36.827c-3.41 0-6.19-2.78-6.19-6.19h2.5c0 2.04 1.66 3.69 3.69 3.69v2.5Z"/><path d="M31.67 50.407c-9.72 0-19.78-3.12-19.78-8.34 0-2.33 1.98-4.46 5.59-5.98l.97 2.3c-2.54 1.07-4.06 2.45-4.06 3.68 0 2.7 7.55 5.84 17.28 5.84s17.28-3.14 17.28-5.84c0-1.23-1.52-2.6-4.06-3.68l.97-2.3c3.6 1.52 5.59 3.65 5.59 5.98 0 5.22-10.06 8.34-19.78 8.34Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M31.67 57.736C15.31 57.736 2 51.926 2 44.787c0-2.25 1.21-4.44 3.51-6.33l1.59 1.93c-1.73 1.42-2.6 2.9-2.6 4.39 0 4.94 11.16 10.45 27.17 10.45s27.17-5.51 27.17-10.45c0-1.26-.63-2.53-1.88-3.75l1.75-1.78c1.74 1.71 2.63 3.57 2.63 5.53 0 7.14-13.31 12.95-29.67 12.95v.01Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/water-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M31.67 41.767c-6.14 0-11.13-4.99-11.13-11.13 0-4.89 2.25-8.2 4.62-11.71 2.06-3.04 4.19-6.18 5.3-10.82.13-.56.64-.96 1.22-.96s1.08.4 1.22.96c1.11 4.63 3.24 7.78 5.3 10.82 2.38 3.51 4.62 6.82 4.62 11.71 0 6.14-4.99 11.13-11.13 11.13h-.02Zm0-29.27c-1.26 3.13-2.93 5.59-4.44 7.83-2.25 3.32-4.19 6.19-4.19 10.31 0 4.76 3.87 8.63 8.63 8.63 4.76 0 8.63-3.87 8.63-8.63 0-4.12-1.94-6.99-4.19-10.31-1.52-2.24-3.18-4.7-4.44-7.83Z" /><path d="M31.67 36.827c-3.41 0-6.19-2.78-6.19-6.19h2.5c0 2.04 1.66 3.69 3.69 3.69v2.5Z" /><path d="M31.67 50.407c-9.72 0-19.78-3.12-19.78-8.34 0-2.33 1.98-4.46 5.59-5.98l.97 2.3c-2.54 1.07-4.06 2.45-4.06 3.68 0 2.7 7.55 5.84 17.28 5.84s17.28-3.14 17.28-5.84c0-1.23-1.52-2.6-4.06-3.68l.97-2.3c3.6 1.52 5.59 3.65 5.59 5.98 0 5.22-10.06 8.34-19.78 8.34Z" /><path d="M31.67 57.736C15.31 57.736 2 51.926 2 44.787c0-2.25 1.21-4.44 3.51-6.33l1.59 1.93c-1.73 1.42-2.6 2.9-2.6 4.39 0 4.94 11.16 10.45 27.17 10.45s27.17-5.51 27.17-10.45c0-1.26-.63-2.53-1.88-3.75l1.75-1.78c1.74 1.71 2.63 3.57 2.63 5.53 0 7.14-13.31 12.95-29.67 12.95v.01Z" /></svg>

package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.css

@@ -25,6 +25,11 @@
   list-style: none;
 }
 
+.progress-indicator-horizontal.progress-indicator-horizontal-header {
+  background-color: var(--road-header-surface);
+}
+
+
 /* PROGRESS INDICATOR HORIZONTAL ITEM
  -------------------- */
 
@@ -35,6 +40,10 @@
   text-align: center;
 }
 
+.progress-indicator-horizontal-item:last-child {
+  margin-top: 0.125rem;
+}
+
 /**
  * Line between items
  */
@@ -42,21 +51,27 @@
 
 .progress-indicator-horizontal-item:not(:last-child)::after {
   position: relative;
-  top: 1rem;
-  left: calc(50% + 16px);
+  top: 0.8rem;
+  left: calc(50% + 12px);
   order: -1;
-  width: calc(100% - 32px);
+  width: calc(100% - 24px);
   height: 2px;
   content: "";
   background: var(--road-surface-disabled);
 }
 
-.progress-indicator-horizontal-outline-light .progress-indicator-horizontal-item:not(:last-child)::after,
-.progress-indicator-horizontal-secondary-outline-light .progress-indicator-horizontal-item:not(:last-child)::after {
-  left: calc(50% + calc(2rem / 2));
-  width: calc(100% - 2rem);
+.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after {
+  position: relative;
+  top: 0.8rem;
+  left: calc(50% + 12px);
+  order: -1;
+  width: calc(100% - 24px);
+  height: 2px;
+  content: "";
+  background: var(--road-header-surface-disabled);
 }
 
+
 /**
  * Disabled click for current and next steps
  */
@@ -84,9 +99,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  font-size: var(--road-button-medium);
+  width: 1.5rem;
+  height: 1.5rem;
+  font-size: var(--road-font-size-12);
   font-weight: 700;
   color: var(--road-on-surface-disabled);
   background: var(--road-surface-disabled);
@@ -94,25 +109,25 @@
   fill: currentColor;
 }
 
-::slotted(.progress-indicator-horizontal-icon) road-icon{
-  color: var(--road-secondary-600);
+::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{
+  color: currentColor;
 }
 
-.progress-indicator-horizontal-outline .progress-indicator-horizontal-icon,
-.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline .progress-indicator-horizontal-icon {
-  width: calc(2rem - 4px);
-  height: calc(2rem - 4px);
-  color: var(--road-on-surface-disabled);
-  background: var(--road-surface);
-  border: 2px solid var(--road-surface-disabled);
-  fill: currentColor;
+.progress-indicator-horizontal-header ::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{
+  color: currentColor;
 }
 
-.progress-indicator-horizontal-outline-light .progress-indicator-horizontal-icon,
-.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline-light .progress-indicator-horizontal-icon {
-  color: var(--road-on-surface-disabled);
-  background: none;
-  border: 2px solid var(--road-surface-disabled);
+.progress-indicator-horizontal-header .progress-indicator-horizontal-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  font-size: var(--road-font-size-12);
+  font-weight: 700;
+  color: var(--road-on-header-surface-disabled);
+  background: var(--road-header-surface-disabled);
+  border-radius: 50%;
   fill: currentColor;
 }
 
@@ -134,6 +149,21 @@
   color: var(--road-on-surface-weak);
 }
 
+.progress-indicator-horizontal-header .progress-indicator-horizontal-title {
+  display: block;
+  margin-top: 0.25rem;
+  font-size: var(--road-body-small);
+  font-weight: 700;
+  color: var(--road-on-header-surface-disabled);
+}
+
+.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{
+  display: block;
+  font-size: var(--road-body-small);
+  font-weight: 400;
+  color: var(--road-on-header-surface-weak);
+}
+
 /* STEP COMPLETED
  -------------------- */
 
@@ -141,75 +171,46 @@
   background: var(--road-primary);
 }
 
-.progress-indicator-horizontal-secondary .completed:not(:last-child)::after,
-.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline .completed:not(:last-child)::after,
-.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline-light .completed:not(:last-child)::after {
-  background: var(--road-secondary);
+.progress-indicator-horizontal-header .completed:not(:last-child)::after {
+  background: var(--road-header-badge);
 }
 
-.completed .progress-indicator-horizontal-icon,
 .current .progress-indicator-horizontal-icon {
-  width: 2rem;
-  height: 2rem;
   color: var(--road-on-primary);
   background: var(--road-primary);
   border: 0;
 }
 
-.progress-indicator-horizontal-outline .completed .progress-indicator-horizontal-icon {
+.completed .progress-indicator-horizontal-icon{
+  width: calc(1.5rem - 4px);
+  height: calc(1.5rem - 4px);
   color: var(--road-primary);
   background: var(--road-surface);
   border: 2px solid var(--road-primary);
 }
 
-.progress-indicator-horizontal-outline-light .completed .progress-indicator-horizontal-icon {
-  color: var(--road-primary);
+.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon {
+  color: var(--road-header-badge);
   background: none;
-  border: 2px solid var(--road-primary);
+  border: 2px solid var(--road-header-badge);
 }
 
-.progress-indicator-horizontal-secondary .completed .progress-indicator-horizontal-icon {
-  color: var(--road-on-secondary);
-  background: var(--road-secondary);
+.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon {
+  width: calc(1.5rem);
+  height: calc(1.5rem);
+  color: var(--road-on-header-badge);
+  background: var(--road-header-badge);
   border: 0;
 }
 
-.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline .completed .progress-indicator-horizontal-icon {
-  width: calc(2rem - 4px);
-  height: calc(2rem - 4px);
-  color: var(--road-secondary);
-  background: var(--road-surface);
-  border: 2px solid var(--road-secondary);
-}
-
-.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline-light .completed .progress-indicator-horizontal-icon {
-  width: calc(2rem - 4px);
-  height: calc(2rem - 4px);
-  color: var(--road-secondary);
-  background: none;
-  border: 2px solid var(--road-secondary);
-}
-
-.progress-indicator-horizontal-secondary .current .progress-indicator-horizontal-icon {
-  width: calc(2rem - 4px);
-  height: calc(2rem - 4px);
-  color: var(--road-grey-900);
-  background: var(--road-secondary);
-  border: 2px solid var(--road-secondary);
-}
-
-.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline .current .progress-indicator-horizontal-icon {
-  color: var(--road-on-secondary);
-  background: var(--road-secondary);
-}
-
-.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline-light .current .progress-indicator-horizontal-icon {
-  color: var(--road-on-secondary);
-  background: var(--road-secondary);
-}
-
 .current .progress-indicator-horizontal-title,
 .completed .progress-indicator-horizontal-title {
   font-weight: 700;
   color: var(--road-on-surface);
 }
+
+.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,
+.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title {
+  font-weight: 700;
+  color: var(--road-on-header-surface);
+}

package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.js

@@ -1,22 +1,13 @@
 import { Host, h } from '@stencil/core';
 /**
  * @slot progress-indicator-horizontal-icon - if the state of the step 1 is completed add
- * `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
- * `<road-icon name="check-small" class="d-block" color="primary"></road-icon>` if is outline.
- * `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>`
- * `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
+ * `<road-icon name="check-small" class="d-block" style="color: currentColor;"></road-icon>` by default.
  * @slot progress-indicator-horizontal-title
  * @slot progress-indicator-horizontal-icon2 - if the state of the step 2 is completed add
- * `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
- * `<road-icon name="check-small" class="d-block" color="primary"></road-icon>` if is outline.
- * `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>`
- * `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
+ * `<road-icon name="check-small" class="d-block" style="color: currentColor;"></road-icon>` by default.
  * @slot progress-indicator-horizontal-title2
  * @slot progress-indicator-horizontal-icon3 - if the state of the step 3 is completed add
- * `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
- * `<road-icon name="check-small" class="d-block" color="primary"></road-icon>` if is outline.
- * `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>`.
- * `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
+ * `<road-icon name="check-small" class="d-block" style="color: currentColor;"></road-icon>` by default.
  * @slot progress-indicator-horizontal-title3
  */
 export class Stepper {
@@ -25,26 +16,16 @@ export class Stepper {
       * The color progress-indicator-horizontal.
       */
     this.color = 'default';
-    /**
-   * Display an outline without background.
-   */
-    this.light = false;
-    /**
-   * Display an outline style .
-   */
-    this.outline = false;
   }
   render() {
     const colorClass = this.color !== undefined ? `progress-indicator-horizontal progress-indicator-horizontal-${this.color}` : 'progress-indicator-horizontal';
-    const outlineClass = this.outline == true ? `progress-indicator-horizontal progress-indicator-horizontal-outline` : 'progress-indicator-horizontal';
-    const lightClass = this.light == true ? `progress-indicator-horizontal progress-indicator-horizontal-outline-light` : 'progress-indicator-horizontal';
     const stateClass = this.stateFirstStep !== undefined ? `progress-indicator-horizontal-item ${this.stateFirstStep}` : 'progress-indicator-horizontal-item';
     const stateSecondStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateSecondStep}` : 'progress-indicator-horizontal-item';
     const stateThirdStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateThirdStep}` : 'progress-indicator-horizontal-item';
     const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
     const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
     const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
-    return (h(Host, null, h("nav", null, h("ul", { class: `${colorClass} ${outlineClass} ${lightClass}` }, h("li", { class: `${stateClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title" })))), h("li", { class: `${stateSecondStepClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon2" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title2" })))), h("li", { class: `${stateThirdStepClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon3" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title3" }))))))));
+    return (h(Host, null, h("nav", null, h("ul", { class: `${colorClass}` }, h("li", { class: `${stateClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title" })))), h("li", { class: `${stateSecondStepClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon2" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title2" })))), h("li", { class: `${stateThirdStepClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon3" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title3" }))))))));
   }
   static get is() { return "road-progress-indicator-horizontal"; }
   static get encapsulation() { return "shadow"; }
@@ -64,8 +45,8 @@ export class Stepper {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'default' | 'secondary'",
-          "resolved": "\"default\" | \"secondary\" | undefined",
+          "original": "'default' | 'header'",
+          "resolved": "\"default\" | \"header\" | undefined",
           "references": {}
         },
         "required": false,
@@ -78,42 +59,6 @@ export class Stepper {
         "reflect": true,
         "defaultValue": "'default'"
       },
-      "light": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Display an outline without background."
-        },
-        "attribute": "light",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "outline": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Display an outline style ."
-        },
-        "attribute": "outline",
-        "reflect": false,
-        "defaultValue": "false"
-      },
       "stateFirstStep": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.stories.js

@@ -7,17 +7,11 @@ export default {
   component: 'road-progress-indicator-horizontal',
   argTypes: {
     color: {
-      options: ['default', 'secondary'],
+      options: ['default', 'header'],
       control: {
         type: 'select',
       },
     },
-    outline: {
-      control: 'boolean',
-    },
-    light: {
-      control: 'boolean',
-    },
     'state-first-step': {
       options: ['default', 'current', 'completed'],
       control: {
@@ -60,8 +54,6 @@ export default {
     'state-first-step': 'default',
     'state-second-step': 'default',
     'state-third-step': 'default',
-    outline: null,
-    light: null,
     'progress-indicator-horizontal-icon': `1`,
     'progress-indicator-horizontal-title': `First step`,
     'progress-indicator-horizontal-icon2': `2`,
@@ -72,7 +64,7 @@ export default {
 };
 
 export const Template = (args) => html`
-  <road-progress-indicator-horizontal color="${ifDefined(args.color)}" outline="${ifDefined(args.outline)}" light="${ifDefined(args.light)}" state-first-step="${ifDefined(args['state-first-step'])}" state-second-step="${ifDefined(args['state-second-step'])}" state-third-step="${ifDefined(args['state-third-step'])}">
+  <road-progress-indicator-horizontal color="${ifDefined(args.color)}" state-first-step="${ifDefined(args['state-first-step'])}" state-second-step="${ifDefined(args['state-second-step'])}" state-third-step="${ifDefined(args['state-third-step'])}">
       <div slot="progress-indicator-horizontal-icon">
         ${unsafeHTML(args['progress-indicator-horizontal-icon'])}
       </div>
@@ -95,7 +87,7 @@ export const Template = (args) => html`
 `;
 
 export const withoutlabel = (args) => html`
-  <road-progress-indicator-horizontal color="${ifDefined(args.color)}" outline="${ifDefined(args.outline)}" light="${ifDefined(args.light)}" state-first-step="${ifDefined(args['state-first-step'])}" state-second-step="${ifDefined(args['state-second-step'])}" state-third-step="${ifDefined(args['state-third-step'])}">
+  <road-progress-indicator-horizontal color="${ifDefined(args.color)}" state-first-step="${ifDefined(args['state-first-step'])}" state-second-step="${ifDefined(args['state-second-step'])}" state-third-step="${ifDefined(args['state-third-step'])}">
     <div slot="progress-indicator-horizontal-icon">
       ${unsafeHTML(args['progress-indicator-horizontal-icon'])}
     </div>
@@ -109,7 +101,7 @@ export const withoutlabel = (args) => html`
 `;
 
 export const primary = (args) => html`
-  <road-progress-indicator-horizontal color="default" outline="false" state-first-step="current" state-second-step="default" state-third-step="default">
+  <road-progress-indicator-horizontal color="default" state-first-step="current" state-second-step="default" state-third-step="default">
   <div slot="progress-indicator-horizontal-icon">
   ${unsafeHTML(args['progress-indicator-horizontal-icon'])}
   </div>
@@ -131,8 +123,8 @@ export const primary = (args) => html`
   </road-progress-indicator-horizontal>
 `;
 
-export const secondary = (args) => html`
-  <road-progress-indicator-horizontal color="secondary" outline="false" state-first-step="current" state-second-step="default" state-third-step="default">
+export const header = (args) => html`
+  <road-progress-indicator-horizontal color="header" state-first-step="current" state-second-step="default" state-third-step="default">
   <div slot="progress-indicator-horizontal-icon">
   ${unsafeHTML(args['progress-indicator-horizontal-icon'])}
   </div>
@@ -155,7 +147,7 @@ export const secondary = (args) => html`
 `;
 
 export const stepcompleted = (args) => html`
-  <road-progress-indicator-horizontal color="secondary" outline="false" state-first-step="completed" state-second-step="current" state-third-step="default">
+  <road-progress-indicator-horizontal color="header" state-first-step="completed" state-second-step="current" state-third-step="default">
   <div slot="progress-indicator-horizontal-icon">
     <road-icon name="check-small" class="d-block" color="default"></road-icon>
   </div>
@@ -176,26 +168,3 @@ export const stepcompleted = (args) => html`
     </div>
   </road-progress-indicator-horizontal>
 `;
-
-export const outline = (args) => html`
-  <road-progress-indicator-horizontal color="default" outline="true" state-first-step="current" state-second-step="default" state-third-step="default">
-  <div slot="progress-indicator-horizontal-icon">
-  ${unsafeHTML(args['progress-indicator-horizontal-icon'])}
-  </div>
-  <div slot="progress-indicator-horizontal-title">
-    ${unsafeHTML(args['progress-indicator-horizontal-title'])}
-    </div>
-    <div slot="progress-indicator-horizontal-icon2">
-    ${unsafeHTML(args['progress-indicator-horizontal-icon2'])}
-  </div>
-    <div slot="progress-indicator-horizontal-title2">
-    ${unsafeHTML(args['progress-indicator-horizontal-title2'])}
-    </div>
-    <div slot="progress-indicator-horizontal-icon3">
-    ${unsafeHTML(args['progress-indicator-horizontal-icon3'])}
-  </div>
-  <div slot="progress-indicator-horizontal-title3">
-    ${unsafeHTML(args['progress-indicator-horizontal-title3'])}
-    </div>
-  </road-progress-indicator-horizontal>
-`;

package/dist/esm/index-a99a5e7b.js

@@ -1979,6 +1979,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './road-banner.entry.js').then(processMod, consoleError);
+        case 'road-button-floating':
+          return import(
+            /* webpackMode: "lazy" */
+            './road-button-floating.entry.js').then(processMod, consoleError);
         case 'road-carousel':
           return import(
             /* webpackMode: "lazy" */