@roadtrip/components 3.0.0 → 3.1.1

package/dist/collection/components/icon/svg/all-services-color.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m21.44 31.78 4.47-1.36c.72.51 1.48.95 2.27 1.32l1.06 4.55h9.78l1.06-4.55c.79-.37 1.55-.81 2.27-1.32l4.47 1.36 4.89-8.47-3.42-3.19a12.27 12.27 0 0 0 0-2.62l3.42-3.19-4.89-8.47-4.47 1.36c-.72-.51-1.48-.95-2.27-1.32l-1.06-4.55h-9.78l-1.06 4.55c-.79.37-1.55.81-2.27 1.32l-4.47-1.36-4.89 8.47 3.42 3.19a12.27 12.27 0 0 0 0 2.62l-3.42 3.19 4.89 8.47Zm1.18-10.71-.09-.64c-.09-.62-.13-1.14-.13-1.62 0-.48.04-1 .13-1.62l.09-.64-2.9-2.71 2.9-5.02 3.8 1.16.51-.4c.87-.68 1.81-1.22 2.81-1.63l.6-.24.9-3.86h5.8l.9 3.86.6.24c1 .4 1.94.95 2.81 1.63l.51.4 3.8-1.16 2.9 5.02-2.9 2.71.09.64c.09.62.13 1.14.13 1.62 0 .48-.04 1-.13 1.62l-.09.64 2.9 2.71-2.9 5.02-3.8-1.16-.51.4a11.5 11.5 0 0 1-2.81 1.63l-.6.24-.9 3.86h-5.8l-.9-3.86-.6-.24c-1-.4-1.94-.95-2.81-1.63l-.51-.4-3.8 1.16-2.9-5.02 2.9-2.71Z"/><path d="m57.2 35.64-.31-.22c-.98-.73-1.82-1.21-3.8-.76-2.71.63-4.29 3.16-5.65 5.76l-4.3 2.79c-.72-1.32-2.19-2.34-4.39-2.34h-6.4s-.35-.06-1.41-.66c-2.06-1.17-4.45-1.78-6.91-1.78h-2.39c-2.03 0-4.36 1.5-5.77 2.81-1.31 1.31-2.68 3.3-3.89 5.06-.25.36-.48.71-.71 1.03l-.87-.83-4.53 4.77 1.81 1.72 2.81-2.95 9.79 9.31-1.52 1.6 1.81 1.72 3.25-3.41-1.48-1.41.19-.19c.07-.07.14-.15.22-.23.37-.39.59-.63 1.34-.63h17.1c2.29 0 10.62-8.88 10.71-8.97.93-1.05 4.56-6.49 6-9.42.48-.98.19-2.15-.7-2.78v.01Zm-7.17 10.53c-1.4 1.56-7.57 7.54-8.96 8.13H24.09c-1.85 0-2.68.89-3.17 1.43l-.39.4-7.42-7.05c.3-.43.62-.88.94-1.36 1.15-1.67 2.45-3.57 3.56-4.68 1.12-1.05 2.87-2.11 4.03-2.11h2.39c2.02 0 3.99.5 5.68 1.46 1.53.87 2.17.98 2.58.98h6.45c1.67 0 2.41.91 2.41 1.8s-.75 1.8-2.41 1.8h-9.77v2.5h9.77c2.86 0 4.5-1.7 4.84-3.58l5.77-3.74.15-.3c1.37-2.67 2.54-4.39 4.14-4.77.99-.23 1.12-.14 1.73.32.05.04.1.08.15.11-1.44 2.84-4.81 7.84-5.51 8.64l.02.02Z"/><path d="M34.13 24.93c3.37 0 6.12-2.74 6.12-6.12a6.12 6.12 0 1 0-6.12 6.12Zm0-9.74a3.62 3.62 0 1 1 0 7.24c-2 0-3.62-1.62-3.62-3.62s1.62-3.62 3.62-3.62Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/all-services-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m21.44 31.78 4.47-1.36c.72.51 1.48.95 2.27 1.32l1.06 4.55h9.78l1.06-4.55c.79-.37 1.55-.81 2.27-1.32l4.47 1.36 4.89-8.47-3.42-3.19a12.27 12.27 0 0 0 0-2.62l3.42-3.19-4.89-8.47-4.47 1.36c-.72-.51-1.48-.95-2.27-1.32l-1.06-4.55h-9.78l-1.06 4.55c-.79.37-1.55.81-2.27 1.32l-4.47-1.36-4.89 8.47 3.42 3.19a12.27 12.27 0 0 0 0 2.62l-3.42 3.19 4.89 8.47Zm1.18-10.71-.09-.64c-.09-.62-.13-1.14-.13-1.62 0-.48.04-1 .13-1.62l.09-.64-2.9-2.71 2.9-5.02 3.8 1.16.51-.4c.87-.68 1.81-1.22 2.81-1.63l.6-.24.9-3.86h5.8l.9 3.86.6.24c1 .4 1.94.95 2.81 1.63l.51.4 3.8-1.16 2.9 5.02-2.9 2.71.09.64c.09.62.13 1.14.13 1.62 0 .48-.04 1-.13 1.62l-.09.64 2.9 2.71-2.9 5.02-3.8-1.16-.51.4a11.5 11.5 0 0 1-2.81 1.63l-.6.24-.9 3.86h-5.8l-.9-3.86-.6-.24c-1-.4-1.94-.95-2.81-1.63l-.51-.4-3.8 1.16-2.9-5.02 2.9-2.71Z"/><path d="m57.2 35.64-.31-.22c-.98-.73-1.82-1.21-3.8-.76-2.71.63-4.29 3.16-5.65 5.76l-4.3 2.79c-.72-1.32-2.19-2.34-4.39-2.34h-6.4s-.35-.06-1.41-.66c-2.06-1.17-4.45-1.78-6.91-1.78h-2.39c-2.03 0-4.36 1.5-5.77 2.81-1.31 1.31-2.68 3.3-3.89 5.06-.25.36-.48.71-.71 1.03l-.87-.83-4.53 4.77 1.81 1.72 2.81-2.95 9.79 9.31-1.52 1.6 1.81 1.72 3.25-3.41-1.48-1.41.19-.19c.07-.07.14-.15.22-.23.37-.39.59-.63 1.34-.63h17.1c2.29 0 10.62-8.88 10.71-8.97.93-1.05 4.56-6.49 6-9.42.48-.98.19-2.15-.7-2.78v.01Zm-7.17 10.53c-1.4 1.56-7.57 7.54-8.96 8.13H24.09c-1.85 0-2.68.89-3.17 1.43l-.39.4-7.42-7.05c.3-.43.62-.88.94-1.36 1.15-1.67 2.45-3.57 3.56-4.68 1.12-1.05 2.87-2.11 4.03-2.11h2.39c2.02 0 3.99.5 5.68 1.46 1.53.87 2.17.98 2.58.98h6.45c1.67 0 2.41.91 2.41 1.8s-.75 1.8-2.41 1.8h-9.77v2.5h9.77c2.86 0 4.5-1.7 4.84-3.58l5.77-3.74.15-.3c1.37-2.67 2.54-4.39 4.14-4.77.99-.23 1.12-.14 1.73.32.05.04.1.08.15.11-1.44 2.84-4.81 7.84-5.51 8.64l.02.02ZM34.13 24.93c3.37 0 6.12-2.74 6.12-6.12a6.12 6.12 0 1 0-6.12 6.12Zm0-9.74a3.62 3.62 0 1 1 0 7.24c-2 0-3.62-1.62-3.62-3.62s1.62-3.62 3.62-3.62Z"/></svg>

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M48.79 25.299v-2.5h3.56c2.99 0 5.42-2.43 5.42-5.42 0-2.99-2.43-5.42-5.42-5.42h-1.12l-.17-1.11c-.29-2.64-2.82-4.79-5.64-4.79-2.1 0-3.92 1.22-4.73 3.19l-2.31-.95c1.2-2.92 3.9-4.74 7.04-4.74 3.75 0 7.04 2.55 7.94 5.97 3.91.51 6.92 3.84 6.92 7.85 0 4.37-3.55 7.92-7.92 7.92h-3.57ZM34.47 42.589l-1.82-.17-1.53-2.54c-.23-.38-.63-.6-1.07-.6h-3.44l-2.33-1.97c-.4-.34-.96-.39-1.42-.14l-4.76 2.68c-.39.22-.64.64-.64 1.09v3.58c0 .26.08.52.24.73l1.45 2c.13.18.3.31.5.4l1.17.53v2.82c0 .12.02.24.05.36l1.59 5.31c.12.39.41.69.79.82l3.58 1.23c.13.05.27.07.4.07.26 0 .51-.08.73-.23.33-.23.52-.61.52-1.02v-3.5l3.04-1.56c.37-.19.62-.55.67-.96l.28-2.27 1.6-.67c.38-.16.65-.49.74-.89l.77-3.58c.08-.35 0-.71-.21-1-.21-.29-.54-.47-.89-.5l-.01-.02Zm-1.97 3.93-1.67.7c-.41.17-.7.56-.76 1l-.28 2.33-3.13 1.6c-.42.21-.68.64-.68 1.11v2.52l-1.32-.45-1.35-4.52v-3.45c0-.49-.29-.94-.73-1.14l-1.6-.73-1.02-1.4v-2.45l3.37-1.89 2.01 1.71c.23.19.51.3.81.3h3.2l1.5 2.48c.21.34.56.56.96.6l1.05.1-.34 1.57-.02.01Z"/><path d="m56.93 31.439-.19-1.02H4.52l-.19 1.02c-.3 1.63-.45 3.27-.45 4.89 0 14.75 12 26.75 26.75 26.75s26.75-12 26.75-26.75c0-1.62-.15-3.26-.45-4.89Zm-40.48 1.48v2.57s-.04.03-.06.04c-.82-.4-3.1-1.5-3.93-1.9l-.48-.7h4.46l.01-.01Zm14.18 27.66c-13.37 0-24.25-10.88-24.25-24.25 0-1.13.08-2.27.25-3.41h2.94l-.4.27 1.42 2.11c.12.18.29.33.49.43 0 0 3.96 1.91 4.45 2.15.25.12.53.19.82.19.45 0 .93-.14 1.38-.42.77-.47 1.23-1.21 1.23-1.96v-2.76h14.98l.96 2.74c.13.38.44.67.82.78l4.07 1.23c.23.07.47.07.7 0l2.12-.61 1.44 1.17v3.53c0 .27.09.53.25.75l2.69 3.59v3.9c0 .35.15.69.41.92l1.48 1.35c-4.45 5.08-10.98 8.3-18.25 8.3Zm19.8-10.27-.94-.86v-3.76c0-.27-.09-.53-.25-.75l-2.69-3.59v-3.7c0-.38-.17-.73-.46-.97l-2.4-1.96a1.22 1.22 0 0 0-1.13-.23l-2.4.68-3.11-.94-.46-1.31h18.06c.16 1.14.25 2.29.25 3.41 0 5.2-1.65 10.02-4.45 13.98h-.02ZM44.17 22.799h-5v2.5h5v-2.5ZM10.76 5.999c-4.23 0-7.04 7.43-7.04 12.34s3.02 6.27 5.79 6.5v-2.5c-2.18-.2-3.29-1.09-3.29-4 0-4.42 2.5-9.84 4.54-9.84s4.54 5.43 4.54 9.84c0 2.72-1.02 3.42-2.02 3.75l.77 2.38c2.49-.81 3.75-2.87 3.75-6.13 0-4.91-2.81-12.34-7.04-12.34ZM30.04 1.459l-.02-.02c-.49-.69-1.51-.69-2 0l-.02.02c-.84 1.18-8.25 11.67-8.25 16.37 0 4.7 3.5 8.56 8.02 9.18v-2.53c-3.14-.59-5.52-3.34-5.52-6.65 0-2.87 4.24-9.71 6.77-13.45 2.53 3.74 6.77 10.58 6.77 13.45 0 2.48-1.36 4.77-3.54 5.95l1.19 2.2a9.28 9.28 0 0 0 4.85-8.15c0-4.7-7.41-15.19-8.25-16.37Z"/><path d="M12.01 15.769h-2.5v14.69h2.5v-14.69ZM31.35 12.929l-1.07 1.08v-3.4h-2.5v8.21l-1.88-1.88-1.77 1.77 3.65 3.64v8.11h2.5v-12.92l2.84-2.84-1.77-1.77ZM49.51 17.709l-1.77-1.77-1.07 1.08v-6.61h-2.5v6.61l-1.07-1.08-1.77 1.77 2.84 2.84v9.91h2.5v-9.91l2.84-2.84Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

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

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"><path d="M48.79 25.299v-2.5h3.56c2.99 0 5.42-2.43 5.42-5.42 0-2.99-2.43-5.42-5.42-5.42h-1.12l-.17-1.11c-.29-2.64-2.82-4.79-5.64-4.79-2.1 0-3.92 1.22-4.73 3.19l-2.31-.95c1.2-2.92 3.9-4.74 7.04-4.74 3.75 0 7.04 2.55 7.94 5.97 3.91.51 6.92 3.84 6.92 7.85 0 4.37-3.55 7.92-7.92 7.92h-3.57ZM34.47 42.589l-1.82-.17-1.53-2.54c-.23-.38-.63-.6-1.07-.6h-3.44l-2.33-1.97c-.4-.34-.96-.39-1.42-.14l-4.76 2.68c-.39.22-.64.64-.64 1.09v3.58c0 .26.08.52.24.73l1.45 2c.13.18.3.31.5.4l1.17.53v2.82c0 .12.02.24.05.36l1.59 5.31c.12.39.41.69.79.82l3.58 1.23c.13.05.27.07.4.07.26 0 .51-.08.73-.23.33-.23.52-.61.52-1.02v-3.5l3.04-1.56c.37-.19.62-.55.67-.96l.28-2.27 1.6-.67c.38-.16.65-.49.74-.89l.77-3.58c.08-.35 0-.71-.21-1-.21-.29-.54-.47-.89-.5l-.01-.02Zm-1.97 3.93-1.67.7c-.41.17-.7.56-.76 1l-.28 2.33-3.13 1.6c-.42.21-.68.64-.68 1.11v2.52l-1.32-.45-1.35-4.52v-3.45c0-.49-.29-.94-.73-1.14l-1.6-.73-1.02-1.4v-2.45l3.37-1.89 2.01 1.71c.23.19.51.3.81.3h3.2l1.5 2.48c.21.34.56.56.96.6l1.05.1-.34 1.57-.02.01Z"/><path d="m56.93 31.439-.19-1.02H4.52l-.19 1.02c-.3 1.63-.45 3.27-.45 4.89 0 14.75 12 26.75 26.75 26.75s26.75-12 26.75-26.75c0-1.62-.15-3.26-.45-4.89Zm-40.48 1.48v2.57s-.04.03-.06.04c-.82-.4-3.1-1.5-3.93-1.9l-.48-.7h4.46l.01-.01Zm14.18 27.66c-13.37 0-24.25-10.88-24.25-24.25 0-1.13.08-2.27.25-3.41h2.94l-.4.27 1.42 2.11c.12.18.29.33.49.43 0 0 3.96 1.91 4.45 2.15.25.12.53.19.82.19.45 0 .93-.14 1.38-.42.77-.47 1.23-1.21 1.23-1.96v-2.76h14.98l.96 2.74c.13.38.44.67.82.78l4.07 1.23c.23.07.47.07.7 0l2.12-.61 1.44 1.17v3.53c0 .27.09.53.25.75l2.69 3.59v3.9c0 .35.15.69.41.92l1.48 1.35c-4.45 5.08-10.98 8.3-18.25 8.3Zm19.8-10.27-.94-.86v-3.76c0-.27-.09-.53-.25-.75l-2.69-3.59v-3.7c0-.38-.17-.73-.46-.97l-2.4-1.96a1.22 1.22 0 0 0-1.13-.23l-2.4.68-3.11-.94-.46-1.31h18.06c.16 1.14.25 2.29.25 3.41 0 5.2-1.65 10.02-4.45 13.98h-.02ZM44.17 22.799h-5v2.5h5v-2.5ZM10.76 5.999c-4.23 0-7.04 7.43-7.04 12.34s3.02 6.27 5.79 6.5v-2.5c-2.18-.2-3.29-1.09-3.29-4 0-4.42 2.5-9.84 4.54-9.84s4.54 5.43 4.54 9.84c0 2.72-1.02 3.42-2.02 3.75l.77 2.38c2.49-.81 3.75-2.87 3.75-6.13 0-4.91-2.81-12.34-7.04-12.34ZM30.04 1.459l-.02-.02c-.49-.69-1.51-.69-2 0l-.02.02c-.84 1.18-8.25 11.67-8.25 16.37 0 4.7 3.5 8.56 8.02 9.18v-2.53c-3.14-.59-5.52-3.34-5.52-6.65 0-2.87 4.24-9.71 6.77-13.45 2.53 3.74 6.77 10.58 6.77 13.45 0 2.48-1.36 4.77-3.54 5.95l1.19 2.2a9.28 9.28 0 0 0 4.85-8.15c0-4.7-7.41-15.19-8.25-16.37Z"/><path d="M12.01 15.769h-2.5v14.69h2.5v-14.69ZM31.35 12.929l-1.07 1.08v-3.4h-2.5v8.21l-1.88-1.88-1.77 1.77 3.65 3.64v8.11h2.5v-12.92l2.84-2.84-1.77-1.77ZM49.51 17.709l-1.77-1.77-1.07 1.08v-6.61h-2.5v6.61l-1.07-1.08-1.77 1.77 2.84 2.84v9.91h2.5v-9.91l2.84-2.84Z"/></svg>

package/dist/collection/components/icon/svg/good-product-color.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m62.71 35.055-.03-.55c-.08-1.62-.26-5.43-.78-7.98a2.8 2.8 0 0 0-1.53-1.96 2.7 2.7 0 0 0-2.43.03c-1 .51-1.86 1.32-2.5 2.34-1.26 2.02-1.05 4.07-.25 6.69l-1.17 3.7c-.97.08-1.98.51-2.92 1.45-.29.29-.49.5-.73.76-.38.41-.89.96-2.18 2.25-.05.05-.23.1-.42.15-.51.14-1.29.36-2.07 1.14-.18.18-.66.65-1.24 1.22-.88.86-1.97 1.94-2.58 2.55-1.29 1.29-1.87 3.7-1.87 5.4v4.85h-2.13v5.58h2.5v-3.08h12.41v3.08h2.5v-5.58h-2.27c.05-.07.09-.13.17-.2.46-.46 1.99-2.22 4.27-4.86 1.74-2.01 3.71-4.29 4.14-4.72 1.48-1.48 1.12-12.15 1.12-12.25l-.01-.01Zm-2.99 10.59c-.56.59-2.03 2.28-4.16 4.74-1.74 2.02-3.72 4.3-4.15 4.73-.69.69-.96 1.38-1.07 1.97H42.5v-4.85c0-1.2.44-2.93 1.14-3.64.61-.61 1.7-1.68 2.57-2.53.59-.58 1.07-1.06 1.25-1.23.32-.32.58-.39.98-.5.42-.12 1-.28 1.51-.79 1.33-1.33 1.85-1.89 2.25-2.31.22-.24.4-.43.67-.7 1.02-1.01 1.91-.84 2.38-.38.46.46.64 1.36-.38 2.38-.75.75-4.97 5.07-4.97 5.07l1.79 1.75s4.2-4.29 4.95-5.05c1.17-1.17 1.45-2.35 1.47-3.13.03-1.06-.35-2.04-1.1-2.78-.17-.17-.36-.32-.56-.46l1.36-4.31-.12-.38c-.82-2.56-.85-3.82-.13-4.98.5-.8 1.1-1.22 1.51-1.43.07-.03.14-.04.21 0 .04.02.14.08.17.21.49 2.36.66 6.02.74 7.59l.03.57c.1 1.78-.01 9.15-.49 10.45l-.01-.01ZM23.98 52.195c-.06-1.67-.58-4.07-1.87-5.36-.62-.62-1.75-1.73-2.63-2.59-.56-.55-1.02-1-1.19-1.17-.79-.79-1.56-1-2.07-1.14-.19-.05-.37-.1-.42-.15-1.29-1.29-1.8-1.84-2.18-2.25-.24-.26-.44-.47-.73-.76-.94-.94-1.96-1.37-2.92-1.45l-1.17-3.7c.8-2.61 1.01-4.67-.25-6.68-.64-1.02-1.5-1.83-2.5-2.34-.77-.39-1.65-.4-2.43-.03a2.78 2.78 0 0 0-1.53 1.96c-.53 2.55-.71 6.35-.78 7.98l-.03.55c0 .11-.36 10.77 1.12 12.25.43.43 2.4 2.71 4.15 4.72 2.28 2.63 3.81 4.4 4.27 4.85.07.07.12.14.16.2H8.71v5.58h2.5v-3.08h12.41v3.08h2.5v-5.58h-2.13v-4.9l-.01.01Zm-11.41 2.93c-.43-.43-2.4-2.71-4.15-4.72-2.13-2.46-3.6-4.16-4.16-4.75-.48-1.3-.6-8.67-.49-10.45l.03-.57c.07-1.57.25-5.23.74-7.59a.31.31 0 0 1 .16-.21c.07-.04.15-.04.21 0 .41.21 1.01.63 1.51 1.43.73 1.16.69 2.42-.13 4.98l-.12.38 1.36 4.31a3.745 3.745 0 0 0-1.66 3.24c.02.78.3 1.96 1.47 3.13.75.75 4.95 5.05 4.95 5.05l1.79-1.75s-4.22-4.31-4.97-5.07c-1.02-1.02-.84-1.91-.38-2.38.46-.46 1.36-.64 2.38.38.27.27.45.46.67.7.39.42.92.98 2.24 2.31.51.51 1.09.67 1.51.79.39.11.65.18.98.5.17.17.64.63 1.21 1.19.88.86 2 1.96 2.61 2.58.68.68 1.1 2.4 1.14 3.64v4.85h-7.84c-.1-.59-.37-1.28-1.07-1.97h.01Z"/><path d="m45.52 7.445-3.12.96 5.16 3.34-19.23 5.86-5.13-3.29-1.58.48v1.47l5.24 3.36v17.89l-12.13-7.85v-17.8l4.38 2.81v-1.72l1.32-.41-4.01-2.57 19.24-5.92 3.98 2.58 3.12-.96-6.72-4.35-23.8 7.33v22.39l15.69 10.15 23.81-7.33v-22.39l-6.22-4.03Zm3.72 24.57-19.87 6.11v-18.24l19.87-6.06v18.19Z"/><path d="m35.848 30.41-3.23.926.69 2.403 3.23-.927-.69-2.403ZM21.62 20.765h-2.5v-7.81l23.66-7.28 2.74 1.77-23.9 7.36v5.96Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/good-product-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m62.71 35.055-.03-.55c-.08-1.62-.26-5.43-.78-7.98a2.8 2.8 0 0 0-1.53-1.96 2.7 2.7 0 0 0-2.43.03c-1 .51-1.86 1.32-2.5 2.34-1.26 2.02-1.05 4.07-.25 6.69l-1.17 3.7c-.97.08-1.98.51-2.92 1.45-.29.29-.49.5-.73.76-.38.41-.89.96-2.18 2.25-.05.05-.23.1-.42.15-.51.14-1.29.36-2.07 1.14-.18.18-.66.65-1.24 1.22-.88.86-1.97 1.94-2.58 2.55-1.29 1.29-1.87 3.7-1.87 5.4v4.85h-2.13v5.58h2.5v-3.08h12.41v3.08h2.5v-5.58h-2.27c.05-.07.09-.13.17-.2.46-.46 1.99-2.22 4.27-4.86 1.74-2.01 3.71-4.29 4.14-4.72 1.48-1.48 1.12-12.15 1.12-12.25l-.01-.01Zm-2.99 10.59c-.56.59-2.03 2.28-4.16 4.74-1.74 2.02-3.72 4.3-4.15 4.73-.69.69-.96 1.38-1.07 1.97H42.5v-4.85c0-1.2.44-2.93 1.14-3.64.61-.61 1.7-1.68 2.57-2.53.59-.58 1.07-1.06 1.25-1.23.32-.32.58-.39.98-.5.42-.12 1-.28 1.51-.79 1.33-1.33 1.85-1.89 2.25-2.31.22-.24.4-.43.67-.7 1.02-1.01 1.91-.84 2.38-.38.46.46.64 1.36-.38 2.38-.75.75-4.97 5.07-4.97 5.07l1.79 1.75s4.2-4.29 4.95-5.05c1.17-1.17 1.45-2.35 1.47-3.13.03-1.06-.35-2.04-1.1-2.78-.17-.17-.36-.32-.56-.46l1.36-4.31-.12-.38c-.82-2.56-.85-3.82-.13-4.98.5-.8 1.1-1.22 1.51-1.43.07-.03.14-.04.21 0 .04.02.14.08.17.21.49 2.36.66 6.02.74 7.59l.03.57c.1 1.78-.01 9.15-.49 10.45l-.01-.01ZM23.98 52.195c-.06-1.67-.58-4.07-1.87-5.36-.62-.62-1.75-1.73-2.63-2.59-.56-.55-1.02-1-1.19-1.17-.79-.79-1.56-1-2.07-1.14-.19-.05-.37-.1-.42-.15-1.29-1.29-1.8-1.84-2.18-2.25-.24-.26-.44-.47-.73-.76-.94-.94-1.96-1.37-2.92-1.45l-1.17-3.7c.8-2.61 1.01-4.67-.25-6.68-.64-1.02-1.5-1.83-2.5-2.34-.77-.39-1.65-.4-2.43-.03a2.78 2.78 0 0 0-1.53 1.96c-.53 2.55-.71 6.35-.78 7.98l-.03.55c0 .11-.36 10.77 1.12 12.25.43.43 2.4 2.71 4.15 4.72 2.28 2.63 3.81 4.4 4.27 4.85.07.07.12.14.16.2H8.71v5.58h2.5v-3.08h12.41v3.08h2.5v-5.58h-2.13v-4.9l-.01.01Zm-11.41 2.93c-.43-.43-2.4-2.71-4.15-4.72-2.13-2.46-3.6-4.16-4.16-4.75-.48-1.3-.6-8.67-.49-10.45l.03-.57c.07-1.57.25-5.23.74-7.59a.31.31 0 0 1 .16-.21c.07-.04.15-.04.21 0 .41.21 1.01.63 1.51 1.43.73 1.16.69 2.42-.13 4.98l-.12.38 1.36 4.31a3.745 3.745 0 0 0-1.66 3.24c.02.78.3 1.96 1.47 3.13.75.75 4.95 5.05 4.95 5.05l1.79-1.75s-4.22-4.31-4.97-5.07c-1.02-1.02-.84-1.91-.38-2.38.46-.46 1.36-.64 2.38.38.27.27.45.46.67.7.39.42.92.98 2.24 2.31.51.51 1.09.67 1.51.79.39.11.65.18.98.5.17.17.64.63 1.21 1.19.88.86 2 1.96 2.61 2.58.68.68 1.1 2.4 1.14 3.64v4.85h-7.84c-.1-.59-.37-1.28-1.07-1.97h.01Z"/><path d="m45.52 7.445-3.12.96 5.16 3.34-19.23 5.86-5.13-3.29-1.58.48v1.47l5.24 3.36v17.89l-12.13-7.85v-17.8l4.38 2.81v-1.72l1.32-.41-4.01-2.57 19.24-5.92 3.98 2.58 3.12-.96-6.72-4.35-23.8 7.33v22.39l15.69 10.15 23.81-7.33v-22.39l-6.22-4.03Zm3.72 24.57-19.87 6.11v-18.24l19.87-6.06v18.19Z"/><path d="m35.848 30.41-3.23.926.69 2.403 3.23-.927-.69-2.403ZM21.62 20.765h-2.5v-7.81l23.66-7.28 2.74 1.77-23.9 7.36v5.96Z"/></svg>

package/dist/collection/components/icon/svg/people-gathering-color.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M48.47 23.044c-.4 0-.84.02-1.31.06l.23 2.49c.38-.04.74-.05 1.08-.05 3.72 0 9.46 2.02 9.46 4.7v10.71c0 1.17-1.1 1.87-2.26 2.16v-10.49h-2.5v27.37h2.5v-14.33c2.48-.41 4.76-2.03 4.76-4.71v-10.71c0-5.03-7.92-7.2-11.96-7.2ZM48.47 21.974c3.48 0 6.01-2.53 6.01-6.01v-2.38c0-3.48-2.53-6.01-6.01-6.01s-6.01 2.53-6.01 6.01v2.38c0 3.48 2.53 6.01 6.01 6.01Zm-3.51-8.39c0-2.1 1.41-3.51 3.51-3.51 2.1 0 3.51 1.41 3.51 3.51v2.38c0 2.1-1.41 3.51-3.51 3.51-2.1 0-3.51-1.41-3.51-3.51v-2.38ZM3.57 30.244v10.71c0 2.68 2.28 4.3 4.76 4.71v14.33h2.5v-27.37h-2.5v10.49c-1.16-.29-2.26-.99-2.26-2.16v-10.71c0-2.68 5.74-4.7 9.46-4.7.33 0 .69.02 1.08.05l.23-2.49c-.46-.04-.9-.06-1.31-.06-4.04 0-11.96 2.17-11.96 7.2ZM15.53 21.974c3.48 0 6.01-2.53 6.01-6.01v-2.38c0-3.48-2.53-6.01-6.01-6.01s-6.01 2.53-6.01 6.01v2.38c0 3.48 2.53 6.01 6.01 6.01Zm-3.51-8.39c0-2.1 1.41-3.51 3.51-3.51 2.1 0 3.51 1.41 3.51 3.51v2.38c0 2.1-1.41 3.51-3.51 3.51-2.1 0-3.51-1.41-3.51-3.51v-2.38Z"/><path d="M32 19.475c-4.44 0-13.15 2.17-13.15 7.2v10.71c0 2.72 2.15 5.23 4.76 5.86v16.75h2.5v-30.94h-2.5v11.55c-1.3-.59-2.26-2-2.26-3.22v-10.71c0-2.68 6.46-4.7 10.65-4.7s10.65 2.02 10.65 4.7v10.71c0 1.21-.96 2.63-2.26 3.22v-11.55h-2.5v30.94h2.5v-16.75c2.62-.63 4.76-3.13 4.76-5.86v-10.71c0-5.03-8.71-7.2-13.15-7.2ZM32 18.405c3.48 0 6.01-2.53 6.01-6.01v-2.38c0-3.48-2.53-6.01-6.01-6.01s-6.01 2.53-6.01 6.01v2.38c0 3.48 2.53 6.01 6.01 6.01Zm-3.51-8.39c0-2.1 1.41-3.51 3.51-3.51 2.1 0 3.51 1.41 3.51 3.51v2.38c0 2.1-1.41 3.51-3.51 3.51-2.1 0-3.51-1.41-3.51-3.51v-2.38Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M33.25 40.955h-2.5v19.04h2.5v-19.04Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/people-gathering-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M48.47 23.044c-.4 0-.84.02-1.31.06l.23 2.49c.38-.04.74-.05 1.08-.05 3.72 0 9.46 2.02 9.46 4.7v10.71c0 1.17-1.1 1.87-2.26 2.16v-10.49h-2.5v27.37h2.5v-14.33c2.48-.41 4.76-2.03 4.76-4.71v-10.71c0-5.03-7.92-7.2-11.96-7.2ZM48.47 21.974c3.48 0 6.01-2.53 6.01-6.01v-2.38c0-3.48-2.53-6.01-6.01-6.01s-6.01 2.53-6.01 6.01v2.38c0 3.48 2.53 6.01 6.01 6.01Zm-3.51-8.39c0-2.1 1.41-3.51 3.51-3.51 2.1 0 3.51 1.41 3.51 3.51v2.38c0 2.1-1.41 3.51-3.51 3.51-2.1 0-3.51-1.41-3.51-3.51v-2.38ZM3.57 30.244v10.71c0 2.68 2.28 4.3 4.76 4.71v14.33h2.5v-27.37h-2.5v10.49c-1.16-.29-2.26-.99-2.26-2.16v-10.71c0-2.68 5.74-4.7 9.46-4.7.33 0 .69.02 1.08.05l.23-2.49c-.46-.04-.9-.06-1.31-.06-4.04 0-11.96 2.17-11.96 7.2ZM15.53 21.974c3.48 0 6.01-2.53 6.01-6.01v-2.38c0-3.48-2.53-6.01-6.01-6.01s-6.01 2.53-6.01 6.01v2.38c0 3.48 2.53 6.01 6.01 6.01Zm-3.51-8.39c0-2.1 1.41-3.51 3.51-3.51 2.1 0 3.51 1.41 3.51 3.51v2.38c0 2.1-1.41 3.51-3.51 3.51-2.1 0-3.51-1.41-3.51-3.51v-2.38ZM32 19.475c-4.44 0-13.15 2.17-13.15 7.2v10.71c0 2.72 2.15 5.23 4.76 5.86v16.75h2.5v-30.94h-2.5v11.55c-1.3-.59-2.26-2-2.26-3.22v-10.71c0-2.68 6.46-4.7 10.65-4.7s10.65 2.02 10.65 4.7v10.71c0 1.21-.96 2.63-2.26 3.22v-11.55h-2.5v30.94h2.5v-16.75c2.62-.63 4.76-3.13 4.76-5.86v-10.71c0-5.03-8.71-7.2-13.15-7.2ZM32 18.405c3.48 0 6.01-2.53 6.01-6.01v-2.38c0-3.48-2.53-6.01-6.01-6.01s-6.01 2.53-6.01 6.01v2.38c0 3.48 2.53 6.01 6.01 6.01Zm-3.51-8.39c0-2.1 1.41-3.51 3.51-3.51 2.1 0 3.51 1.41 3.51 3.51v2.38c0 2.1-1.41 3.51-3.51 3.51-2.1 0-3.51-1.41-3.51-3.51v-2.38Z"/><path d="M33.25 40.955h-2.5v19.04h2.5v-19.04Z"/></svg>

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m30.423 17.705-2.08-1.39-2.73 4.09-8.24-5.43c1.77-2.53 6.19-8.84 7.05-10.06.36-.51.86-.75 1.54-.75.73 0 1.78 1.83 2.47 3.05l6.44 11.31-4.47 2.54 18.08 5.4 4.36-18.35-4.39 2.53c-.28-.49-.6-1.07-.94-1.66-.96-1.71-2.04-3.61-2.5-4.38-1.09-1.82-1.97-2.93-4.97-2.93h-14.1c-1.49 0-2.76.64-3.59 1.81l-7.79 11.12-.74 1.05 12.46 8.21 4.11-6.16h.03Zm9.64-13.54c1.8 0 2.01.36 2.82 1.71.46.76 1.51 2.64 2.47 4.32.64 1.13 1.23 2.19 1.57 2.77l.62 1.08 1.54-.89-2.41 10.14-9.94-2.97 1.55-.88-7.68-13.49c-.34-.6-.7-1.22-1.09-1.81h10.54l.01.02ZM20.923 43.895h5.16v10.32h-10.36c-2.33 0-3.46-1.53-3.84-2.19-.36-.64.7-2.46 1.4-3.66l6.58-11.24 4.43 2.6-4.37-18.36-18.08 5.4 4.38 2.54-.97 1.64c-1 1.69-2.11 3.57-2.54 4.35-1.03 1.86-1.55 3.17-.05 5.77l7.05 12.21c.47.81 2.27 3.44 6.01 3.44h12.86v-15.32h-7.66v2.5Zm-16.1-4.08c-.9-1.56-.69-1.93.07-3.3.43-.77 1.53-2.63 2.51-4.3.66-1.12 1.27-2.16 1.61-2.74l.62-1.08-1.54-.89 9.99-2.98 2.4 10.09-1.54-.9-7.84 13.4c-.35.6-.71 1.22-1.02 1.84l-5.27-9.13.01-.01Z"/><path d="M61.873 37.845c-.79-1.71-5.74-12.31-5.74-12.31l-.54-1.16-13.34 6.69 3.46 7.01 2.24-1.11-2.36-4.78 8.82-4.42c1.31 2.8 4.56 9.78 5.19 11.14.26.56.22 1.12-.12 1.71-.45.78-2.53.8-4.04.78h-12.77v-5.61l-13.27 13.27 13.27 13.27v-5.61h.39c1.99 0 4.94.02 6.03 0h.25c1.78-.03 3.79-.05 5.28-2.64l7.03-12.2c.74-1.29.82-2.71.22-4.01v-.02Zm-9.42 14.97c-.78 1.35-1.47 1.36-3.15 1.39h-.25c-1.09.02-4.01.01-5.99 0h-2.89v2.07l-7.23-7.23 7.23-7.23v2.08h15.27c.72 0 1.46 0 2.19-.06l-5.17 8.98h-.01Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m30.423 17.705-2.08-1.39-2.73 4.09-8.24-5.43c1.77-2.53 6.19-8.84 7.05-10.06.36-.51.86-.75 1.54-.75.73 0 1.78 1.83 2.47 3.05l6.44 11.31-4.47 2.54 18.08 5.4 4.36-18.35-4.39 2.53c-.28-.49-.6-1.07-.94-1.66-.96-1.71-2.04-3.61-2.5-4.38-1.09-1.82-1.97-2.93-4.97-2.93h-14.1c-1.49 0-2.76.64-3.59 1.81l-7.79 11.12-.74 1.05 12.46 8.21 4.11-6.16h.03Zm9.64-13.54c1.8 0 2.01.36 2.82 1.71.46.76 1.51 2.64 2.47 4.32.64 1.13 1.23 2.19 1.57 2.77l.62 1.08 1.54-.89-2.41 10.14-9.94-2.97 1.55-.88-7.68-13.49c-.34-.6-.7-1.22-1.09-1.81h10.54l.01.02ZM20.923 43.895h5.16v10.32h-10.36c-2.33 0-3.46-1.53-3.84-2.19-.36-.64.7-2.46 1.4-3.66l6.58-11.24 4.43 2.6-4.37-18.36-18.08 5.4 4.38 2.54-.97 1.64c-1 1.69-2.11 3.57-2.54 4.35-1.03 1.86-1.55 3.17-.05 5.77l7.05 12.21c.47.81 2.27 3.44 6.01 3.44h12.86v-15.32h-7.66v2.5Zm-16.1-4.08c-.9-1.56-.69-1.93.07-3.3.43-.77 1.53-2.63 2.51-4.3.66-1.12 1.27-2.16 1.61-2.74l.62-1.08-1.54-.89 9.99-2.98 2.4 10.09-1.54-.9-7.84 13.4c-.35.6-.71 1.22-1.02 1.84l-5.27-9.13.01-.01ZM61.873 37.845c-.79-1.71-5.74-12.31-5.74-12.31l-.54-1.16-13.34 6.69 3.46 7.01 2.24-1.11-2.36-4.78 8.82-4.42c1.31 2.8 4.56 9.78 5.19 11.14.26.56.22 1.12-.12 1.71-.45.78-2.53.8-4.04.78h-12.77v-5.61l-13.27 13.27 13.27 13.27v-5.61h.39c1.99 0 4.94.02 6.03 0h.25c1.78-.03 3.79-.05 5.28-2.64l7.03-12.2c.74-1.29.82-2.71.22-4.01v-.02Zm-9.42 14.97c-.78 1.35-1.47 1.36-3.15 1.39h-.25c-1.09.02-4.01.01-5.99 0h-2.89v2.07l-7.23-7.23 7.23-7.23v2.08h15.27c.72 0 1.46 0 2.19-.06l-5.17 8.98h-.01Z"/></svg>

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M30.57 48.03c-.55-.57-1.24-.95-1.98-1.17 1.1-1.73.94-4.05-.53-5.6l-.91.86.89-.88a4.522 4.522 0 0 0-3.2-1.42c-.22 0-.43.02-.64.05-.05-1.08-.45-2.14-1.26-2.97l-.02-.02a4.532 4.532 0 0 0-3.21-1.39c-1.23-.02-2.38.44-3.26 1.29l-.26.26c-.21-.65-.54-1.28-1.05-1.8l-.02-.02a4.532 4.532 0 0 0-3.21-1.39c-1.22-.02-2.38.44-3.25 1.28l-1.88 1.8a4.588 4.588 0 0 0-.11 6.47c.8.83 1.86 1.3 3.01 1.38-.19 1.35.2 2.76 1.22 3.81.85.88 2 1.38 3.23 1.4h.08c.34 0 .68-.05 1-.12.11.94.51 1.86 1.21 2.6.85.89 1.99 1.4 3.22 1.43h.12c.64 0 1.25-.14 1.82-.39.18.8.56 1.57 1.17 2.2.86.88 2.01 1.37 3.24 1.39h.05c1.21 0 2.35-.47 3.21-1.31l1.27-1.23c1.8-1.76 1.83-4.67.07-6.47l-.02-.02v-.02ZM8.52 38.69l1.88-1.8c.39-.38.9-.58 1.44-.58h.04c.55 0 1.07.23 1.45.62l.03.03c.72.75.76 1.9.15 2.7l-2.11 2.06c-.39.36-.89.54-1.44.55-.56 0-1.08-.24-1.47-.64-.79-.82-.77-2.14.04-2.93l-.01-.01Zm5.65 8.76c-.56 0-1.08-.24-1.47-.64-.79-.82-.77-2.14.05-2.94l.37-.36s.04-.03.05-.04l1.86-1.78c.08-.07.13-.16.2-.24l2.97-2.9c.39-.38.9-.58 1.44-.58h.04c.55 0 1.07.23 1.45.62l.02.03c.77.8.77 2.07 0 2.87l-4.57 4.47s-.03.03-.04.05l-.87.85c-.4.39-.91.58-1.49.59h-.01Zm5.53 3.91c-.56-.01-1.08-.25-1.46-.65-.77-.81-.75-2.1.04-2.9l4.56-4.45s.04-.05.06-.07l.41-.4c.39-.37.89-.57 1.42-.57h.05c.55.01 1.07.24 1.45.64l.02.02c.79.83.75 2.15-.08 2.95l-4.97 4.85c-.41.39-.92.6-1.5.58Zm9.07 1.37-1.27 1.23c-.4.39-.93.6-1.49.6-.56 0-1.08-.23-1.47-.63-.8-.82-.78-2.14.03-2.93l1.29-1.25c.39-.38.9-.59 1.44-.59h.02c.55 0 1.07.23 1.46.62l.02.02c.8.82.78 2.14-.03 2.93ZM57.67 11.64a18.04 18.04 0 0 0-12.84-5.32c-4.85 0-9.41 1.89-12.84 5.32l-7.64 7.69-.13.16s-2.29 3.23-4.4 5.8c-.74.9-1.01 2.11-.72 3.24a3.572 3.572 0 0 0 2.1 2.45c1.82.75 3.76.78 5.78.09 2.23-.76 5.68-4.44 6.85-5.73l3.31-.16 1.79 1.79c4.38 4.38 11.51 4.38 15.89 0l-1.77-1.77c-3.41 3.41-8.95 3.41-12.35 0l-2.57-2.57-5.47.27-.35.4c-1.59 1.83-4.67 4.91-6.13 5.41-1.43.49-2.78.48-4.02-.03-.43-.18-.58-.54-.63-.75-.09-.37 0-.75.23-1.05 2-2.43 4.06-5.32 4.44-5.86l7.55-7.61c2.96-2.96 6.89-4.59 11.07-4.59 4.18 0 8.11 1.63 11.07 4.59 2.96 2.96 4.59 6.89 4.59 11.07 0 4.18-1.63 8.12-4.59 11.07l-1.04 1.04 1.77 1.77 1.04-1.04a18.04 18.04 0 0 0 5.32-12.84c0-4.85-1.89-9.41-5.32-12.84h.01Z"/><path d="M44.92 30.07c-2.19-.39-4.29-1.42-5.98-3.11l-1.79-1.79-.61.03 16.58 16.62c.67.58.43 1.8-.21 2.59-.48.58-1.52 1.38-3.05.18-2.31-1.98-9.84-9.18-9.91-9.25l-1.73 1.81c.31.3 7.65 7.33 10.06 9.38.07.06.15.1.22.15-.58.88-1.49 1.83-2.52 2.11-.78.21-1.57 0-2.36-.59-2.31-1.98-7.18-6.58-7.23-6.63l-1.72 1.82c.2.19 4.96 4.7 7.38 6.76.14.11.29.21.43.3-.71 1.01-1.55 1.68-2.41 1.87-.81.18-1.62-.05-2.42-.68-.68-.54-1.62-1.37-2.72-2.42l-1.73 1.81c1.17 1.12 2.14 1.98 2.89 2.57-.49.68-1.15 1.21-1.89 1.45-.51.17-1.29.26-2.09-.23l-1.32 2.12c.79.49 1.68.74 2.58.74.53 0 1.07-.09 1.6-.26 1.37-.45 2.57-1.43 3.37-2.7.39.09.77.16 1.17.16.36 0 .73-.04 1.1-.12 1.66-.37 3.15-1.58 4.27-3.42a4.629 4.629 0 0 0 1.74-.13c1.98-.53 3.41-2.2 4.21-3.54.19.03.38.05.56.05 1.39 0 2.62-.7 3.45-1.71 1.42-1.72 1.77-4.46-.02-6l-9.9-9.93v-.01ZM30.16 13.48l1.76-1.77a18.043 18.043 0 0 0-12.74-5.23c-4.8 0-9.41 1.89-12.84 5.32a18.04 18.04 0 0 0-5.32 12.84c0 4.85 1.88 9.39 5.29 12.81.14-.19.29-.38.46-.55l1.29-1.23C2 29.56 2.01 19.66 8.1 13.57c6.08-6.08 15.94-6.1 22.05-.08l.01-.01Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M30.57 48.03c-.55-.57-1.24-.95-1.98-1.17 1.1-1.73.94-4.05-.53-5.6l-.91.86.89-.88a4.522 4.522 0 0 0-3.2-1.42c-.22 0-.43.02-.64.05-.05-1.08-.45-2.14-1.26-2.97l-.02-.02a4.532 4.532 0 0 0-3.21-1.39c-1.23-.02-2.38.44-3.26 1.29l-.26.26c-.21-.65-.54-1.28-1.05-1.8l-.02-.02a4.532 4.532 0 0 0-3.21-1.39c-1.22-.02-2.38.44-3.25 1.28l-1.88 1.8a4.588 4.588 0 0 0-.11 6.47c.8.83 1.86 1.3 3.01 1.38-.19 1.35.2 2.76 1.22 3.81.85.88 2 1.38 3.23 1.4h.08c.34 0 .68-.05 1-.12.11.94.51 1.86 1.21 2.6.85.89 1.99 1.4 3.22 1.43h.12c.64 0 1.25-.14 1.82-.39.18.8.56 1.57 1.17 2.2.86.88 2.01 1.37 3.24 1.39h.05c1.21 0 2.35-.47 3.21-1.31l1.27-1.23c1.8-1.76 1.83-4.67.07-6.47l-.02-.02v-.02ZM8.52 38.69l1.88-1.8c.39-.38.9-.58 1.44-.58h.04c.55 0 1.07.23 1.45.62l.03.03c.72.75.76 1.9.15 2.7l-2.11 2.06c-.39.36-.89.54-1.44.55-.56 0-1.08-.24-1.47-.64-.79-.82-.77-2.14.04-2.93l-.01-.01Zm5.65 8.76c-.56 0-1.08-.24-1.47-.64-.79-.82-.77-2.14.05-2.94l.37-.36s.04-.03.05-.04l1.86-1.78c.08-.07.13-.16.2-.24l2.97-2.9c.39-.38.9-.58 1.44-.58h.04c.55 0 1.07.23 1.45.62l.02.03c.77.8.77 2.07 0 2.87l-4.57 4.47s-.03.03-.04.05l-.87.85c-.4.39-.91.58-1.49.59h-.01Zm5.53 3.91c-.56-.01-1.08-.25-1.46-.65-.77-.81-.75-2.1.04-2.9l4.56-4.45s.04-.05.06-.07l.41-.4c.39-.37.89-.57 1.42-.57h.05c.55.01 1.07.24 1.45.64l.02.02c.79.83.75 2.15-.08 2.95l-4.97 4.85c-.41.39-.92.6-1.5.58Zm9.07 1.37-1.27 1.23c-.4.39-.93.6-1.49.6-.56 0-1.08-.23-1.47-.63-.8-.82-.78-2.14.03-2.93l1.29-1.25c.39-.38.9-.59 1.44-.59h.02c.55 0 1.07.23 1.46.62l.02.02c.8.82.78 2.14-.03 2.93ZM57.67 11.64a18.04 18.04 0 0 0-12.84-5.32c-4.85 0-9.41 1.89-12.84 5.32l-7.64 7.69-.13.16s-2.29 3.23-4.4 5.8c-.74.9-1.01 2.11-.72 3.24a3.572 3.572 0 0 0 2.1 2.45c1.82.75 3.76.78 5.78.09 2.23-.76 5.68-4.44 6.85-5.73l3.31-.16 1.79 1.79c4.38 4.38 11.51 4.38 15.89 0l-1.77-1.77c-3.41 3.41-8.95 3.41-12.35 0l-2.57-2.57-5.47.27-.35.4c-1.59 1.83-4.67 4.91-6.13 5.41-1.43.49-2.78.48-4.02-.03-.43-.18-.58-.54-.63-.75-.09-.37 0-.75.23-1.05 2-2.43 4.06-5.32 4.44-5.86l7.55-7.61c2.96-2.96 6.89-4.59 11.07-4.59 4.18 0 8.11 1.63 11.07 4.59 2.96 2.96 4.59 6.89 4.59 11.07 0 4.18-1.63 8.12-4.59 11.07l-1.04 1.04 1.77 1.77 1.04-1.04a18.04 18.04 0 0 0 5.32-12.84c0-4.85-1.89-9.41-5.32-12.84h.01Z"/><path d="M44.92 30.07c-2.19-.39-4.29-1.42-5.98-3.11l-1.79-1.79-.61.03 16.58 16.62c.67.58.43 1.8-.21 2.59-.48.58-1.52 1.38-3.05.18-2.31-1.98-9.84-9.18-9.91-9.25l-1.73 1.81c.31.3 7.65 7.33 10.06 9.38.07.06.15.1.22.15-.58.88-1.49 1.83-2.52 2.11-.78.21-1.57 0-2.36-.59-2.31-1.98-7.18-6.58-7.23-6.63l-1.72 1.82c.2.19 4.96 4.7 7.38 6.76.14.11.29.21.43.3-.71 1.01-1.55 1.68-2.41 1.87-.81.18-1.62-.05-2.42-.68-.68-.54-1.62-1.37-2.72-2.42l-1.73 1.81c1.17 1.12 2.14 1.98 2.89 2.57-.49.68-1.15 1.21-1.89 1.45-.51.17-1.29.26-2.09-.23l-1.32 2.12c.79.49 1.68.74 2.58.74.53 0 1.07-.09 1.6-.26 1.37-.45 2.57-1.43 3.37-2.7.39.09.77.16 1.17.16.36 0 .73-.04 1.1-.12 1.66-.37 3.15-1.58 4.27-3.42a4.629 4.629 0 0 0 1.74-.13c1.98-.53 3.41-2.2 4.21-3.54.19.03.38.05.56.05 1.39 0 2.62-.7 3.45-1.71 1.42-1.72 1.77-4.46-.02-6l-9.9-9.93v-.01ZM30.16 13.48l1.76-1.77a18.043 18.043 0 0 0-12.74-5.23c-4.8 0-9.41 1.89-12.84 5.32a18.04 18.04 0 0 0-5.32 12.84c0 4.85 1.88 9.39 5.29 12.81.14-.19.29-.38.46-.55l1.29-1.23C2 29.56 2.01 19.66 8.1 13.57c6.08-6.08 15.94-6.1 22.05-.08l.01-.01Z"/></svg>

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

@@ -1 +1 @@
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M1.02 35.5v20.22l18.59 7.99 18.59-7.99V35.49l-18.59-7.97L1.02 35.5Zm23.78-3.03-14.18 6.07-5.18-2.22 14.17-6.08 5.19 2.22v.01Zm-5.19 9.92L13.8 39.9l14.17-6.07 5.81 2.49-14.17 6.07ZM3.52 38.22l14.84 6.36v15.88L3.52 54.08V38.22Zm17.34 22.24V44.58l14.84-6.36v15.86l-14.84 6.38ZM37.8 11.9H27.05v2.5H37.8v-2.5ZM33.19 18.05h-6.14v2.5h6.14v-2.5ZM37.8 24.19H27.05v2.5H37.8v-2.5Z"/><path d="M57.94 1.22H20.98c-2.07 0-3.75 1.68-3.75 3.75v20.47h2.5V4.97c0-.69.56-1.25 1.25-1.25h36.96c.69 0 1.25.56 1.25 1.25v48.49c0 .69-.56 1.25-1.25 1.25H40.46v2.5h17.48c2.07 0 3.75-1.68 3.75-3.75V4.97c0-2.07-1.68-3.75-3.75-3.75Z"/><path d="m48.66 45.75 7.01-8.77-1.95-1.57L48.45 42l-2.09-2.08-1.76 1.77 4.06 4.06ZM48.66 31.92l7.01-8.77-1.95-1.56-5.27 6.59-2.09-2.08-1.76 1.76 4.06 4.06ZM55.67 9.33l-1.95-1.56-5.27 6.59-2.09-2.09-1.76 1.77 4.06 4.06 7.01-8.77ZM33.053 50.225l-4.65 1.996.987 2.298 4.65-1.997-.987-2.297Z" 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="M1.02 35.5v20.22l18.59 7.99 18.59-7.99V35.49l-18.59-7.97L1.02 35.5Zm23.78-3.03-14.18 6.07-5.18-2.22 14.17-6.08 5.19 2.22v.01Zm-5.19 9.92L13.8 39.9l14.17-6.07 5.81 2.49-14.17 6.07ZM3.52 38.22l14.84 6.36v15.88L3.52 54.08V38.22Zm17.34 22.24V44.58l14.84-6.36v15.86l-14.84 6.38ZM37.8 11.9H27.05v2.5H37.8v-2.5Zm-4.61 6.15h-6.14v2.5h6.14v-2.5Zm4.61 6.14H27.05v2.5H37.8v-2.5Z"/><path d="M57.94 1.22H20.98c-2.07 0-3.75 1.68-3.75 3.75v20.47h2.5V4.97c0-.69.56-1.25 1.25-1.25h36.96c.69 0 1.25.56 1.25 1.25v48.49c0 .69-.56 1.25-1.25 1.25H40.46v2.5h17.48c2.07 0 3.75-1.68 3.75-3.75V4.97c0-2.07-1.68-3.75-3.75-3.75Z"/><path d="m48.66 45.75 7.01-8.77-1.95-1.57L48.45 42l-2.09-2.08-1.76 1.77 4.06 4.06Zm0-13.83 7.01-8.77-1.95-1.56-5.27 6.59-2.09-2.08-1.76 1.76 4.06 4.06Zm7.01-22.59-1.95-1.56-5.27 6.59-2.09-2.09-1.76 1.77 4.06 4.06 7.01-8.77ZM33.053 50.225l-4.65 1.996.987 2.298 4.65-1.997-.987-2.297Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

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

@@ -1 +1 @@
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M1.02 35.5v20.22l18.59 7.99 18.59-7.99V35.49l-18.59-7.97L1.02 35.5Zm23.78-3.03-14.18 6.07-5.18-2.22 14.17-6.08 5.19 2.22v.01Zm-5.19 9.92L13.8 39.9l14.17-6.07 5.81 2.49-14.17 6.07ZM3.52 38.22l14.84 6.36v15.88L3.52 54.08V38.22Zm17.34 22.24V44.58l14.84-6.36v15.86l-14.84 6.38ZM37.8 11.9H27.05v2.5H37.8v-2.5ZM33.19 18.05h-6.14v2.5h6.14v-2.5ZM37.8 24.19H27.05v2.5H37.8v-2.5Z"/><path d="M57.94 1.22H20.98c-2.07 0-3.75 1.68-3.75 3.75v20.47h2.5V4.97c0-.69.56-1.25 1.25-1.25h36.96c.69 0 1.25.56 1.25 1.25v48.49c0 .69-.56 1.25-1.25 1.25H40.46v2.5h17.48c2.07 0 3.75-1.68 3.75-3.75V4.97c0-2.07-1.68-3.75-3.75-3.75Z"/><path d="m48.66 45.75 7.01-8.77-1.95-1.57L48.45 42l-2.09-2.08-1.76 1.77 4.06 4.06ZM48.66 31.92l7.01-8.77-1.95-1.56-5.27 6.59-2.09-2.08-1.76 1.76 4.06 4.06ZM55.67 9.33l-1.95-1.56-5.27 6.59-2.09-2.09-1.76 1.77 4.06 4.06 7.01-8.77ZM33.053 50.225l-4.65 1.996.987 2.298 4.65-1.997-.987-2.297Z"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M1.02 35.5v20.22l18.59 7.99 18.59-7.99V35.49l-18.59-7.97L1.02 35.5Zm23.78-3.03-14.18 6.07-5.18-2.22 14.17-6.08 5.19 2.22v.01Zm-5.19 9.92L13.8 39.9l14.17-6.07 5.81 2.49-14.17 6.07ZM3.52 38.22l14.84 6.36v15.88L3.52 54.08V38.22Zm17.34 22.24V44.58l14.84-6.36v15.86l-14.84 6.38ZM37.8 11.9H27.05v2.5H37.8v-2.5Zm-4.61 6.15h-6.14v2.5h6.14v-2.5Zm4.61 6.14H27.05v2.5H37.8v-2.5Z"/><path d="M57.94 1.22H20.98c-2.07 0-3.75 1.68-3.75 3.75v20.47h2.5V4.97c0-.69.56-1.25 1.25-1.25h36.96c.69 0 1.25.56 1.25 1.25v48.49c0 .69-.56 1.25-1.25 1.25H40.46v2.5h17.48c2.07 0 3.75-1.68 3.75-3.75V4.97c0-2.07-1.68-3.75-3.75-3.75Z"/><path d="m48.66 45.75 7.01-8.77-1.95-1.57L48.45 42l-2.09-2.08-1.76 1.77 4.06 4.06Zm0-13.83 7.01-8.77-1.95-1.56-5.27 6.59-2.09-2.08-1.76 1.76 4.06 4.06Zm7.01-22.59-1.95-1.56-5.27 6.59-2.09-2.09-1.76 1.77 4.06 4.06 7.01-8.77ZM33.053 50.225l-4.65 1.996.987 2.298 4.65-1.997-.987-2.297Z"/></svg>

package/dist/collection/components/icon/svg/weather-sun-outline-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M5 31.25h7.787v2.5H5zm47.213 0H60v2.5h-7.787zM31.25 5h2.5v6.787h-2.5zm0 48.213h2.5V60h-2.5zM12.171 13.938l1.768-1.768 5.507 5.507-1.768 1.768zm33.384 33.385 1.767-1.767 5.506 5.505-1.768 1.767zm-33.384 3.738 4.8-4.8 1.767 1.769-4.8 4.799zM46.262 16.97l4.8-4.8 1.767 1.769-4.8 4.799zM32.5 48.4a15.9 15.9 0 1 1 15.9-15.9 15.913 15.913 0 0 1-15.9 15.9Zm0-29.3a13.4 13.4 0 1 0 13.4 13.4 13.411 13.411 0 0 0-13.4-13.4Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M5 31.25h7.787v2.5H5zm47.213 0H60v2.5h-7.787zM31.25 5h2.5v6.787h-2.5zm0 48.213h2.5V60h-2.5zM12.171 13.938l1.768-1.768 5.507 5.507-1.768 1.768zm33.384 33.385 1.767-1.767 5.506 5.505-1.768 1.767zm-33.384 3.738 4.8-4.8 1.767 1.769-4.8 4.799zM46.262 16.97l4.8-4.8 1.767 1.769-4.8 4.799zM32.5 48.4a15.9 15.9 0 1 1 15.9-15.9 15.913 15.913 0 0 1-15.9 15.9Zm0-29.3a13.4 13.4 0 1 0 13.4 13.4 13.411 13.411 0 0 0-13.4-13.4Z" fill="#F6A404"/></svg>

package/dist/collection/components/navbar/navbar.stories.js

@@ -7,6 +7,7 @@ export default {
   component: 'road-navbar',
   subcomponents: {
     'road-navbar-item': 'road-navbar-item',
+    'road-tooltip': 'road-tooltip',
   },
   parameters: {
     actions: {
@@ -57,38 +58,52 @@ export default {
     </road-profil-dropdown>
 
     <road-navbar-item tab="tab-home">
-    <road-icon name="navigation-home-outline"></road-icon>
-    <road-label>Home</road-label>
+    <road-tooltip content="Home" position="right" trigger="hover" contentalign="center">
+      <road-icon name="navigation-home-outline"></road-icon>
+      <road-label class="font-weight-bold">Home</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-search">
-    <road-icon name="search"></road-icon>
-    <road-label>Search</road-label>
+    <road-tooltip content="Search" position="right" trigger="hover" contentalign="center">
+      <road-icon name="search"></road-icon>
+      <road-label class="font-weight-bold">Search</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-catalog">
-    <road-icon name="print-outline"></road-icon>
-    <road-label>Print</road-label>
+    <road-tooltip content="Print" position="right" trigger="hover" contentalign="center">
+      <road-icon name="print-outline"></road-icon>
+      <road-label class="font-weight-bold">Print</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-notification" class="d-none d-xl-flex">
-    <road-icon name="alert-notification-outline"></road-icon>
-    <road-label>Notifications</road-label>
+    <road-tooltip content="Notifications" position="right" trigger="hover" contentalign="center">
+      <road-icon name="alert-notification-outline"></road-icon>
+      <road-label class="font-weight-bold">Notifications</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-scan" class="d-none d-xl-flex">
-    <road-icon name="scan"></road-icon>
-    <road-label>Scan</road-label>
+    <road-tooltip content="Scan" position="right" trigger="hover" contentalign="center">
+      <road-icon name="scan"></road-icon>
+      <road-label class="font-weight-bold">Scan</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-catalogue" class="d-none d-xl-flex">
-    <road-icon name="file-catalog"></road-icon>
-    <road-label>Catalogue</road-label>
+    <road-tooltip content="Catalog" position="right" trigger="hover" contentalign="center">
+      <road-icon name="file-catalog"></road-icon>
+      <road-label class="font-weight-bold">Catalogue</road-label>
+    </road-tootltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-diag" class="d-none d-xl-flex">
-    <road-icon name="Diagnostic"></road-icon>
-    <road-label>Diagnostic</road-label>
+    <road-tooltip content="Diagnostic" position="right" trigger="hover" contentalign="center">
+      <road-icon name="Diagnostic"></road-icon>
+      <road-label class="font-weight-bold">Diagnostic</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-menu" class="d-block d-xl-none tab-menu">
@@ -190,28 +205,38 @@ Selected.args = {
   </road-profil-dropdown>
   
   <road-navbar-item tab="tab-home" selected="true">
-    <road-icon name="navigation-home-outline"></road-icon>
-    <road-label>Home</road-label>
+    <road-tooltip content="Home" position="right" trigger="hover" contentalign="center">
+      <road-icon name="navigation-home-outline"></road-icon>
+      <road-label class="font-weight-bold">Home</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-search">
-    <road-icon name="search"></road-icon>
-    <road-label>Search</road-label>
+    <road-tooltip content="Search" position="right" trigger="hover" contentalign="center">
+      <road-icon name="search"></road-icon>
+      <road-label class="font-weight-bold">Search</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-catalog">
-    <road-icon name="print-outline"></road-icon>
-    <road-label>Print</road-label>
+    <road-tooltip content="Print" position="right" trigger="hover" contentalign="center">
+      <road-icon name="print-outline"></road-icon>
+      <road-label class="font-weight-bold">Print</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-catalogue" class="d-none d-xl-flex">
-    <road-icon name="file-catalog"></road-icon>
-    <road-label>Catalogue</road-label>
+    <road-tooltip content="Catalogue" position="right" trigger="hover" contentalign="center">
+      <road-icon name="file-catalog"></road-icon>
+      <road-label class="font-weight-bold">Catalogue</road-label>
+    </road-tooltip>
   </road-navbar-item>
   
   <road-navbar-item tab="tab-scan" class="d-none d-xl-flex">
-    <road-icon name="scan"></road-icon>
-    <road-label>Scan</road-label>
+    <road-tooltip content="Scan" position="right" trigger="hover" contentalign="center">
+      <road-icon name="scan"></road-icon>
+      <road-label class="font-weight-bold">Scan</road-label>
+    </road-tooltip>
   </road-navbar-item>`,
 };
 
@@ -238,28 +263,38 @@ withNotifications.args = {
   </road-profil-dropdown>
 
   <road-navbar-item tab="tab-home" selected="true">
-    <road-icon name="navigation-home-outline"></road-icon>
-    <road-label>Home</road-label>
+    <road-tooltip content="Home" position="right" trigger="hover" contentalign="center">
+      <road-icon name="navigation-home-outline"></road-icon>
+      <road-label class="font-weight-bold">Home</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-search">
-    <road-icon name="search"></road-icon>
-    <road-label>Search</road-label>
+    <road-tooltip content="Search" position="right" trigger="hover" contentalign="center">
+      <road-icon name="search"></road-icon>
+      <road-label class="font-weight-bold">Search</road-label>
+    </road-tooltip>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-catalog">
-    <road-icon name="print-outline"></road-icon>
-    <road-label>Print</road-label>
+    <road-tooltip content="Scan" position="right" trigger="hover" contentalign="center">
+      <road-icon name="print-outline"></road-icon>
+      <road-label class="font-weight-bold">Scan</road-label>
+    </road-tooltip>
     <road-badge>3</road-badge>
   </road-navbar-item>
 
   <road-navbar-item tab="tab-catalogue" class="d-none d-xl-flex">
-    <road-icon name="file-catalog"></road-icon>
-    <road-label>Catalogue</road-label>
+    <road-tooltip content="Catalog" position="right" trigger="hover" contentalign="center">
+      <road-icon name="file-catalog"></road-icon>
+      <road-label class="font-weight-bold">Catalog</road-label>
+    </road-tooltip>
   </road-navbar-item>
   
   <road-navbar-item tab="tab-scan" class="d-none d-xl-flex">
-    <road-icon name="scan"></road-icon>
-    <road-label>Scan</road-label>
+    <road-tooltip content="Scan" position="right" trigger="hover" contentalign="center">
+      <road-icon name="scan"></road-icon>
+      <road-label class="font-weight-bold">Scan</road-label>
+    </road-tooltip>
   </road-navbar-item>`,
 };

package/dist/collection/components/navbar-item/navbar-item.css

@@ -19,7 +19,6 @@
   flex-grow: 1;
   align-items: center;
   justify-content: center;
-  font-weight: 700;
   text-align: center;
   white-space: nowrap;
 }
@@ -96,7 +95,7 @@
   width: 100%;
   height: 100%;
   margin: 0;
-  overflow: hidden;
+  overflow: visible;
   font-family: inherit;
   font-size: inherit;
   font-style: inherit;
@@ -147,6 +146,17 @@
   fill: currentColor;
 }
 
+/* TOOLTIP
+ -------------------- */
+
+@media (min-width: 1200px) {
+
+  :host ::slotted(road-tooltip) {
+    width: 100%;
+  }
+
+}
+
 /* LABEL
  -------------------- */
 

package/dist/collection/components/profil-dropdown/profil-dropdown.css

@@ -70,6 +70,7 @@
   position: absolute;
   top: 0;
   left: 5.5rem;
+  z-index: 2;
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/collection/components/progress/progress.css

@@ -21,10 +21,15 @@
   height: 0.25rem;
   overflow: hidden;
   font-size: var(--road-label-small);
-  background-color: var(--road-on-surface-disabled);
+  background-color: var(--road-surface-disabled);
   border-radius: var(--border-radius);
 }
 
+.progress-light{
+  background-color: var(--road-overlay-inverse);
+}
+
+
 .progress-element-info {
   display: flex;
   justify-content: space-between;
@@ -87,3 +92,22 @@
 .progress.progress-danger .progress-bar {
   background: var(--road-danger-surface-inverse);
 }
+
+
+/* ANIMATION
+ -------------------- */
+
+.animation .progress-bar{
+  animation: load 5s normal forwards;
+}
+
+@keyframes load {
+
+  0% {
+    width: 0;
+  }
+
+  100% {
+    width: 100%;
+  }
+}

package/dist/collection/components/progress/progress.js

@@ -18,6 +18,14 @@ export class ProgressBar {
      * Show step
      */
     this.showstep = false;
+    /**
+     * Animation progress bar
+     */
+    this.animation = false;
+    /**
+     * Light progress background
+     */
+    this.light = false;
     /**
      * Add padding if the progress is full width
      */
@@ -30,7 +38,9 @@ export class ProgressBar {
   render() {
     const valueRound = Math.round(this.value / 5 / 5);
     const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
-    return (h(Host, { class: "progress-element" }, h("div", { class: `progress progress-${this.color}` }, h("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), h("div", { class: `${fullwidth}` }, h("span", { class: "progress-element-label" }, this.label), this.showstep && h("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+    const light = this.light ? 'progress progress-light' : 'progress';
+    const animation = this.animation ? 'animation' : '';
+    return (h(Host, { class: "progress-element" }, h("div", { class: `${light} progress-${this.color} ${animation}` }, h("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), h("div", { class: `${fullwidth}` }, h("span", { class: "progress-element-label" }, this.label), this.showstep && h("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
   }
   static get is() { return "road-progress"; }
   static get encapsulation() { return "shadow"; }
@@ -118,6 +128,42 @@ export class ProgressBar {
         "reflect": false,
         "defaultValue": "false"
       },
+      "animation": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Animation progress bar"
+        },
+        "attribute": "animation",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "light": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Light progress background"
+        },
+        "attribute": "light",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "fullwidth": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/components/progress/progress.stories.js

@@ -5,16 +5,18 @@ export default {
   component: 'road-progress',
 };
 
-export const Playground = ({ value, color, label, showstep, numbersteps, fullwidth }) => html`
-  <road-progress value="${value}" color="${color}" label="${label}" showstep="${showstep}" numbersteps="${numbersteps}" fullwidth="${fullwidth}"></road-progress>
+export const Playground = ({ value, color, label, showstep, animation, numbersteps, fullwidth, light }) => html`
+  <road-progress value="${value}" color="${color}" light="${light}" label="${label}" showstep="${showstep}" animation="${animation}" numbersteps="${numbersteps}" fullwidth="${fullwidth}"></road-progress>
 `;
 Playground.args = {
   value: 25,
   color: 'primary',
   label: '',
   showstep:'false',
+  animation:'false',
   numbersteps: '4',
   fullwidth:'false',
+  light:'false',
 };
 Playground.argTypes = {
   value: {
@@ -38,6 +40,12 @@ Playground.argTypes = {
   showstep: {
     control: 'boolean',
   },
+  animation: {
+    control: 'boolean',
+  },
+  light: {
+    control: 'boolean',
+  },
   fullwidth: {
     control: 'boolean',
   },

package/dist/collection/components/radio/radio.css

@@ -44,9 +44,17 @@
 .form-radio-input {
   position: absolute;
   z-index: -1;
+  width: 20px;
+  height: 20px;
   opacity: 0;
 }
 
+.form-radio-input:disabled {
+  z-index: 1;
+  width: 100%;
+  cursor: not-allowed;
+}
+
 /* LABEL
  -------------------- */
 

package/dist/collection/components/toast/toast.css

@@ -16,17 +16,31 @@
 
 :host {
   position: fixed;
-  top: 0;
+  right: 0;
+  bottom: 1rem;
   left: 0;
   z-index: 1;
-  display: block;
-  width: 100%;
+  display: flex;
+  justify-content: center;
+  width: 328px;
+  margin: 0 auto;
   visibility: hidden;
   opacity: 0;
-  transition: opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out;
+  transition: opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;
   transform: translateY(-100%);
 }
 
+@media (min-width: 1200px) {
+
+  :host {
+    right: 1.5rem;
+    bottom: 3rem;
+    left: auto;
+    width: auto;
+    transform: translateX(100%);
+  }
+}
+
 /**
  * Open state
  */
@@ -45,25 +59,23 @@
   box-sizing: border-box;
   display: flex;
   flex: 0 0 100%;
-  align-items: center;
-  max-width: 100%;
-  padding: 1.5rem 2rem 1.5rem 3rem;
-  margin-right: 0.5rem;
-  margin-left: 0.5rem;
-  font-family: var(--road-font, sans-serif);
+  flex-flow: wrap;
+  align-items: flex-start;
+  width: 328px;
+  padding: 0.75rem 2rem 0.6rem 1rem;
+  font-family: var(--road-font);
   font-size: var(--road-body-medium);
   line-height: 1.4;
+  color: var(--road-on-info-surface-inverse);
   text-align: left;
-  border-radius: 0 0 0.25rem 0.25rem;
+  background: var(--road-info-surface-inverse);
+  border-radius: 0.25rem;
 }
 
 @media (min-width: 575px) {
 
   .toast {
-    flex: 0 0 83.3333%;
-    justify-content: center;
-    max-width: 83.3333%;
-    padding: 1rem 2rem;
+    padding: 1rem;
     margin-right: auto;
     margin-left: auto;
   }
@@ -128,9 +140,10 @@
  -------------------- */
 
 .toast-icon {
-  position: absolute;
   top: auto;
   left: 0.5rem;
+  margin-top: -5px;
+  margin-right: 0.5rem;
 }
 
 @media (min-width: 575px) {
@@ -148,16 +161,14 @@
 
 .toast-close {
   position: absolute;
-  top: 4px;
-  right: 4px;
-  display: inline-block;
+  right: 0.5rem;
   padding: 0;
   color: inherit;
   cursor: pointer;
   background: none;
-  border: 1px solid transparent;
+  border: 0;
   border-radius: 4px;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  fill: var(--road-info-icon-inverse);
 }
 
 .toast-warning .toast-close {
@@ -173,3 +184,38 @@
   border-color: var(--road-info-surface-inverse);
   outline: none;
 }
+
+/* TOAST LABEL
+ -------------------- */
+
+.toast-label{
+  width: 240px;
+  margin: 0;
+}
+
+/* TOAST PORGRESS BAR
+ -------------------- */
+
+:host ::slotted(road-progress) {
+  position: absolute;
+  bottom: -8px;
+  left: 0;
+  flex-basis: 100%;
+  width: 100%;
+  margin-top: 0.5rem;
+}
+
+/* ANIMATION
+ -------------------- */
+
+
+@keyframes load {
+
+  0% {
+    width: 0;
+  }
+
+  100% {
+    width: 100%;
+  }
+}