@roadtrip/components 3.20.2 → 3.20.3

package/icons/index.js

@@ -125,7 +125,7 @@ export const calculatorOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 6
 export const calculator = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M47.782 17.915H15.897a1.25 1.25 0 0 1-1.25-1.25v-8.12a1.25 1.25 0 0 1 1.25-1.25h31.885a1.25 1.25 0 0 1 1.25 1.25v8.12a1.25 1.25 0 0 1-1.25 1.25Zm-30.635-2.5h29.385v-5.62H17.147Z"/><path d="M54 63.25H10A4.255 4.255 0 0 1 5.75 59V5A4.255 4.255 0 0 1 10 .75h44A4.255 4.255 0 0 1 58.25 5v54A4.255 4.255 0 0 1 54 63.25Zm-44-60A1.752 1.752 0 0 0 8.25 5v54A1.752 1.752 0 0 0 10 60.75h44A1.752 1.752 0 0 0 55.75 59V5A1.752 1.752 0 0 0 54 3.25Z"/><path d="M15.832 49.053h10v2.5h-10zm31.335-.464h-3.753v-3.75h-2.5v3.75h-3.75v2.5h3.75v3.75h2.5v-3.75h3.75ZM15.832 29.885h10v2.5h-10zm3.75-4.75h2.5v2.5h-2.5zm0 9.501h2.5v2.5h-2.5zm19.932.919 2.652-2.652 2.652 2.652 1.768-1.768-2.652-2.652 2.652-2.652-1.768-1.768-2.652 2.652-2.652-2.651-1.768 1.768 2.652 2.652-2.652 2.652Z"/></svg>'
 export const callCenterColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M13.623 42.015h-2.5V24.028C11.123 14.574 20.3 4 32.58 4c12.28 0 21.457 10.574 21.457 20.028v8.639h-2.5v-8.639c0-8.1-8.281-17.528-18.957-17.528s-18.957 9.423-18.957 17.528v17.987Z"/><path d="M50.338 32.167c-8.426 0-24.468-10.966-24.468-18.345h-2.5a9.902 9.902 0 0 0 1.052 4.23c-3.93 2.315-8.4 8.886-8.4 14.139v4.9A18.33 18.33 0 0 0 26.65 52.922l1.027-2.279a15.944 15.944 0 0 1-9.156-13.552v-4.9c0-4.2 3.963-10.114 7.144-11.983a33.523 33.523 0 0 0 7.841 7.644A39.666 39.666 0 0 0 46.64 34.18v2.9c-.03 3.9-1.971 9.276-5.624 12.019l1.5 2c4.3-3.231 6.588-9.489 6.622-14.008v-2.49c.412.039.816.066 1.2.066v-2.5Z"/><path d="M51.537 37.091v3.9a13.228 13.228 0 0 1-12.441 13.18c.318.801.327 1.692.025 2.5a15.728 15.728 0 0 0 14.916-15.683v-3.9l-2.5.003Z"/><path d="M11.123 42.015H8.7A3.847 3.847 0 0 1 5 38.044v-6.8a3.846 3.846 0 0 1 3.7-3.971h2.424v2.5H8.7a1.358 1.358 0 0 0-1.2 1.471v6.8a1.358 1.358 0 0 0 1.2 1.471h2.424v2.5Zm44.113-14.746h-1.2v2.5h1.2a1.358 1.358 0 0 1 1.2 1.471v6.8a1.358 1.358 0 0 1-1.2 1.471h-1.2v1.473c0 .347-.028.686-.05 1.027h1.25a3.848 3.848 0 0 0 3.7-3.971v-6.8a3.847 3.847 0 0 0-3.7-3.971ZM35.642 59.16h-3.674a3.7 3.7 0 1 1 0-7.4h3.674a3.7 3.7 0 0 1 0 7.4Zm-3.674-4.9a1.2 1.2 0 0 0 0 2.4h3.674a1.2 1.2 0 1 0 0-2.4h-3.674Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const callCenterOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M13.623 42.015h-2.5V24.028C11.123 14.574 20.3 4 32.58 4c12.28 0 21.457 10.574 21.457 20.028v8.639h-2.5v-8.639c0-8.1-8.281-17.528-18.957-17.528s-18.957 9.423-18.957 17.528v17.987Z"/><path d="M50.338 32.167c-8.426 0-24.468-10.966-24.468-18.345h-2.5a9.902 9.902 0 0 0 1.052 4.23c-3.93 2.315-8.4 8.886-8.4 14.139v4.9A18.33 18.33 0 0 0 26.65 52.922l1.027-2.279a15.944 15.944 0 0 1-9.156-13.552v-4.9c0-4.2 3.963-10.114 7.144-11.983a33.523 33.523 0 0 0 7.841 7.644A39.666 39.666 0 0 0 46.64 34.18v2.9c-.03 3.9-1.971 9.276-5.624 12.019l1.5 2c4.3-3.231 6.588-9.489 6.622-14.008v-2.49c.412.039.816.066 1.2.066v-2.5Z"/><path d="M51.537 37.091v3.9a13.228 13.228 0 0 1-12.441 13.18c.318.801.327 1.692.025 2.5a15.728 15.728 0 0 0 14.916-15.683v-3.9l-2.5.003Zm-40.414 4.924H8.7A3.847 3.847 0 0 1 5 38.044v-6.8a3.846 3.846 0 0 1 3.7-3.971h2.424v2.5H8.7a1.358 1.358 0 0 0-1.2 1.471v6.8a1.358 1.358 0 0 0 1.2 1.471h2.424v2.5Z"/><path d="M55.236 27.269h-1.2v2.5h1.2a1.358 1.358 0 0 1 1.2 1.471v6.8a1.358 1.358 0 0 1-1.2 1.471h-1.2v1.473c0 .347-.028.686-.05 1.027h1.25a3.848 3.848 0 0 0 3.7-3.971v-6.8a3.847 3.847 0 0 0-3.7-3.971ZM35.642 59.16h-3.674a3.7 3.7 0 1 1 0-7.4h3.674a3.7 3.7 0 0 1 0 7.4Zm-3.674-4.9a1.2 1.2 0 0 0 0 2.4h3.674a1.2 1.2 0 1 0 0-2.4h-3.674Z"/></svg>'
-export const callCenterSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M14.25 24.448V42.25H8.402c-2.133 0-3.652-1.882-3.652-3.917v-6.666c0-2.036 1.519-3.917 3.652-3.917h2.348v-3.31c0-4.915 2.454-9.917 6.301-13.667C20.91 7.01 26.265 4.41 32.21 4.41s11.3 2.6 15.159 6.363c3.847 3.75 6.301 8.752 6.301 13.667v3.31h1.928c2.133 0 3.652 1.881 3.652 3.917v6.666c0 2.035-1.519 3.917-3.652 3.917h-1.56c-.422 8.022-6.862 14.452-14.888 14.86a3.706 3.706 0 0 1-3.49 2.47h-3.67c-2.04 0-3.7-1.66-3.7-3.7s1.66-3.7 3.7-3.7h3.67a3.706 3.706 0 0 1 3.474 2.426c6.652-.394 11.983-5.71 12.4-12.356H49.75V24.448c0-3.78-1.935-7.834-5.186-10.967C41.324 10.361 36.876 8.25 32 8.25s-9.325 2.11-12.564 5.231c-3.25 3.133-5.186 7.187-5.186 10.967Z" /></svg>'
+export const callCenterSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M14.25 24.448V42.25H8.402c-2.133 0-3.652-1.882-3.652-3.917v-6.666c0-2.036 1.519-3.917 3.652-3.917h2.348v-3.31c0-4.915 2.454-9.917 6.301-13.667C20.91 7.01 26.265 4.41 32.21 4.41s11.3 2.6 15.159 6.363c3.847 3.75 6.301 8.752 6.301 13.667v3.31h1.928c2.133 0 3.652 1.881 3.652 3.917v6.666c0 2.035-1.519 3.917-3.652 3.917h-1.56c-.422 8.022-6.862 14.452-14.888 14.86a3.706 3.706 0 0 1-3.49 2.47h-3.67c-2.04 0-3.7-1.66-3.7-3.7s1.66-3.7 3.7-3.7h3.67a3.706 3.706 0 0 1 3.474 2.426c6.652-.394 11.983-5.71 12.4-12.356H49.75V24.448c0-3.78-1.935-7.834-5.186-10.967C41.324 10.361 36.876 8.25 32 8.25s-9.325 2.11-12.564 5.231c-3.25 3.133-5.186 7.187-5.186 10.967Z"/></svg>'
 export const callCenter = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M13.623 42.015h-2.5V24.028C11.123 14.574 20.3 4 32.58 4s21.457 10.574 21.457 20.028v8.639h-2.5v-8.639c0-8.1-8.281-17.528-18.957-17.528s-18.957 9.423-18.957 17.528Zm-2.5 0H8.699a3.847 3.847 0 0 1-3.7-3.971v-6.8a3.846 3.846 0 0 1 3.7-3.971h2.424v2.5H8.699a1.358 1.358 0 0 0-1.2 1.471v6.8a1.358 1.358 0 0 0 1.2 1.471h2.424Z"/><path d="M55.236 27.269h-1.2v2.5h1.2a1.358 1.358 0 0 1 1.2 1.471v6.8a1.358 1.358 0 0 1-1.2 1.471h-1.2v1.473c0 .347-.028.686-.05 1.027h1.249a3.848 3.848 0 0 0 3.7-3.971v-6.8a3.847 3.847 0 0 0-3.699-3.971Zm-4.898 4.898c-8.426 0-24.468-10.966-24.468-18.345h-2.5a9.9 9.9 0 0 0 1.052 4.23c-3.93 2.315-8.4 8.886-8.4 14.139v4.9A18.329 18.329 0 0 0 26.65 52.922l1.027-2.279a15.944 15.944 0 0 1-9.156-13.552v-4.9c0-4.2 3.963-10.114 7.144-11.983a33.521 33.521 0 0 0 7.841 7.644A39.665 39.665 0 0 0 46.64 34.18v2.9c-.03 3.9-1.971 9.276-5.624 12.019l1.5 2c4.3-3.231 6.588-9.489 6.622-14.008v-2.49c.412.039.816.066 1.2.066Z"/><path d="M51.537 37.091v3.9a13.228 13.228 0 0 1-12.441 13.18 3.476 3.476 0 0 1 .025 2.5 15.728 15.728 0 0 0 14.916-15.683v-3.9Z"/><path d="M35.642 59.16h-3.674a3.7 3.7 0 0 1 0-7.4h3.674a3.7 3.7 0 0 1 0 7.4Zm-3.674-4.9a1.2 1.2 0 0 0 0 2.4h3.674a1.2 1.2 0 0 0 0-2.4Z"/></svg>'
 export const cameraColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M53.7 55.412H10.3a6.182 6.182 0 0 1-6.175-6.175v-29.55a6.181 6.181 0 0 1 6.175-6.174h9.256l4.134-4.52a1.25 1.25 0 0 1 .922-.405h14.776a1.25 1.25 0 0 1 .922.406l4.134 4.519H53.7a6.181 6.181 0 0 1 6.175 6.174v29.55a6.182 6.182 0 0 1-6.175 6.175Zm-43.4-39.4a3.678 3.678 0 0 0-3.675 3.674v29.55a3.678 3.678 0 0 0 3.675 3.676h43.4a3.678 3.678 0 0 0 3.675-3.675v-29.55a3.678 3.678 0 0 0-3.675-3.674h-9.806a1.247 1.247 0 0 1-.922-.407l-4.135-4.518H25.163l-4.135 4.518a1.248 1.248 0 0 1-.922.407l-9.806-.001Z"/><path d="M31.787 47.939A13.7 13.7 0 0 1 18.1 34.249a13.7 13.7 0 0 1 13.687-13.69 13.705 13.705 0 0 1 13.69 13.69 13.7 13.7 0 0 1-13.69 13.69Zm0-24.88A11.2 11.2 0 0 0 20.6 34.25a11.2 11.2 0 0 0 11.187 11.19 11.2 11.2 0 0 0 11.19-11.19 11.2 11.2 0 0 0-11.19-11.19Z"/><path d="M31.786 41.887v-2.5a5.144 5.144 0 0 0 5.138-5.137h2.5a7.646 7.646 0 0 1-7.638 7.637Zm-5.137-7.637h-2.5a7.646 7.646 0 0 1 7.637-7.637v2.5a5.144 5.144 0 0 0-5.137 5.137Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const cameraOffColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M31.506 22.779a11.196 11.196 0 0 1 10.687 14.513l2.386.744a13.69 13.69 0 0 0-17.46-17.034l.8 2.367a11.137 11.137 0 0 1 3.587-.59Zm8.242 18.74a11.08 11.08 0 0 1-8.242 3.643 11.2 11.2 0 0 1-10.241-15.7 11.081 11.081 0 0 1 2.697-3.734l-1.773-1.771a13.561 13.561 0 0 0-4.37 10.012 13.7 13.7 0 0 0 13.687 13.689 13.559 13.559 0 0 0 10.013-4.372l-1.771-1.767Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M24.882 10.807h13.674l4.135 4.518a1.248 1.248 0 0 0 .922.407h9.806a3.678 3.678 0 0 1 3.675 3.674v29.55a3.64 3.64 0 0 1-.629 2.048l2.068 1.4a6.11 6.11 0 0 0 1.061-3.45V19.406a6.181 6.181 0 0 0-6.175-6.174h-9.256l-4.134-4.519a1.25 1.25 0 0 0-.922-.406H24.331a1.25 1.25 0 0 0-.922.406l-4.505 4.925 1.843 1.687 4.135-4.518ZM61.438 59.67 3.768 2 2 3.768l9.464 9.464h-1.445a6.181 6.181 0 0 0-6.175 6.174v29.55a6.182 6.182 0 0 0 6.175 6.175h43.345l6.306 6.307 1.768-1.768Zm-51.419-7.039a3.678 3.678 0 0 1-3.675-3.675v-29.55a3.678 3.678 0 0 1 3.675-3.674h3.945l36.9 36.9-40.845-.001Z"/></svg>'
@@ -485,7 +485,7 @@ export const garageHouseColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64
 export const garageHouseOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M54.14 5.37h-8.82v7.59L32 5.17 3.51 21.83v37h2.5V29.77h51.98v29.06h2.5v-37l-6.35-3.71V5.37Zm-6.32 2.49h3.82v8.78l-3.82-2.23V7.86Zm6.8 13.42H9.39L32 8.07l22.62 13.22v-.01ZM6.01 27.26v-3.48h51.98v3.48H6.01Z"/><path d="m45.26 42.2-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H23.62c-1.18 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h19.28v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25V44.7h.48a1.25 1.25 0 0 0 0-2.5h-.84ZM23.4 36.02c.03-.09.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.18h-21.3l2.07-6.18h.01Zm19.71 16.15H20.83V44.7h22.28v7.47Z"/><path d="M39.24 50.26a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Zm-14.54 0a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"/></svg>'
 export const garageHouse = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g transform="translate(.46 1.456)"><circle cx="2.56" cy="2.56" r="2.56" transform="translate(20.936 46.497)"/><circle cx="2.56" cy="2.56" r="2.56" transform="translate(38.015 46.497)"/><path d="M48.131 41.974H47.1l-2.742-8.165a2.96 2.96 0 0 0-2.808-2.02H22.242a2.96 2.96 0 0 0-2.808 2.021l-2.741 8.164h-1.046a2 2 0 0 0-2 2 2 2 0 0 0 2 2h.687v10.042h.014v1.354a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-1.354h19.109v1.354a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V45.974h.676a2 2 0 0 0 2-2 2 2 0 0 0-2.002-2Zm-30.558 1.27h.011Zm1.261 1.25h26.121v9.022H18.834ZM21.8 34.6a.463.463 0 0 1 .439-.316h19.308a.463.463 0 0 1 .439.315l2.481 7.39H19.322Z"/><path d="M54.171 16.488V3.742H45.35v7.589L32.03 3.544 3.54 20.2v37h2.5V28.139h51.981V57.2h2.5v-37ZM47.85 6.242h3.821v8.785l-3.821-2.234Zm6.8 13.42H9.414L32.03 6.44ZM6.04 25.639v-3.477h51.981v3.477Z"/></g></svg>'
 export const garageOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M62.76 16.93h-7.37v-7.4H8.61v7.4H1.24v2.5h2.27v35.04h2.5V25.41h51.98v29.06h2.5V19.43h2.27v-2.5Zm-51.65-4.9h41.78v4.9H11.11v-4.9Zm46.88 10.88H6.01v-3.48h51.98v3.48Z"/><path d="m45.26 38.34-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H23.62c-1.17 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h19.28v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25v-8.72h.48a1.25 1.25 0 0 0 0-2.5h-.84Zm-21.87-6.17c.03-.1.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.18h-21.3l2.07-6.17.01-.01ZM43.1 48.32H20.82v-7.47H43.1v7.47Z"/><path d="M39.24 46.4a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Zm-14.54 0a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"/></svg>'
-export const garageSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M55.39 16.93h7.37v2.5h-2.27v35.04h-2.5V25.41H6.01v29.06h-2.5V19.43H1.24v-2.5h7.37v-7.4h46.78v7.4Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="m42.92 31.37 2.34 6.97h.84a1.25 1.25 0 0 1 0 2.5h-.48v8.72c0 .69-.56 1.25-1.25 1.25h-.25v1.94a1.25 1.25 0 0 1-2.5 0v-1.94H22.34v1.94a1.25 1.25 0 0 1-2.5 0v-1.94h-.25c-.69 0-1.25-.56-1.25-1.25v-8.72h-.48a1.25 1.25 0 0 1 0-2.5h.83l2.34-6.97a2.734 2.734 0 0 1 2.59-1.86h16.71c1.17 0 2.22.75 2.59 1.86Zm-19.31.64c-.1 0-.19.06-.22.16l-.01.01-2.07 6.17h21.3l-2.07-6.18a.225.225 0 0 0-.22-.16H23.61Zm2.84 12.64a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Zm14.54 0a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z" /></svg>'
+export const garageSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M55.39 16.93h7.37v2.5h-2.27v35.04h-2.5V25.41H6.01v29.06h-2.5V19.43H1.24v-2.5h7.37v-7.4h46.78v7.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m42.92 31.37 2.34 6.97h.84a1.25 1.25 0 0 1 0 2.5h-.48v8.72c0 .69-.56 1.25-1.25 1.25h-.25v1.94a1.25 1.25 0 0 1-2.5 0v-1.94H22.34v1.94a1.25 1.25 0 0 1-2.5 0v-1.94h-.25c-.69 0-1.25-.56-1.25-1.25v-8.72h-.48a1.25 1.25 0 0 1 0-2.5h.83l2.34-6.97a2.734 2.734 0 0 1 2.59-1.86h16.71c1.17 0 2.22.75 2.59 1.86Zm-19.31.64c-.1 0-.19.06-.22.16l-.01.01-2.07 6.17h21.3l-2.07-6.18a.225.225 0 0 0-.22-.16H23.61Zm2.84 12.64a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Zm14.54 0a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/></svg>'
 export const garage = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g transform="translate(.87 -2.765)"><circle cx="2.56" cy="2.56" r="2.56" transform="translate(20.936 46.002)"/><circle cx="2.56" cy="2.56" r="2.56" transform="translate(38.015 46.002)"/><path d="M48.131 41.478H47.1l-2.741-8.163a2.959 2.959 0 0 0-2.81-2.021h-19.3a2.958 2.958 0 0 0-2.808 2.02L16.7 41.478h-1.053a2 2 0 0 0-2 2 2 2 0 0 0 2 2h.687v10.043h.014v1.354a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-1.354h19.109v1.354a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V45.478h.676a2 2 0 0 0 2-2 2 2 0 0 0-2.002-2Zm-30.558 1.271h.011ZM18.834 44h26.121v9.022H18.834Zm2.969-9.89a.463.463 0 0 1 .439-.315h19.3a.461.461 0 0 1 .439.316l2.486 7.389H19.322Z"/></g><path d="M63.517 16.401h-7.368v-7.4H9.369v7.4H2v2.5h2.267v35.041h2.5V24.878H58.75v29.064h2.5V18.901h2.267Zm-51.648-4.9h41.78v4.9h-41.78ZM58.75 22.378H6.767v-3.477H58.75Z"/></svg>'
 export const gas5Color = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M19.01 24.71h.5c1.89 0 3.43 1.54 3.43 3.43h2.5c0-3.27-2.66-5.93-5.93-5.93h-.5c-3.27 0-5.93 2.66-5.93 5.93v7.73c0 3.27 2.66 5.93 5.93 5.93h.5c3.27 0 5.93-2.66 5.93-5.93h-2.5c0 1.89-1.54 3.43-3.43 3.43h-.5c-1.89 0-3.43-1.54-3.43-3.43v-7.73c0-1.89 1.54-3.43 3.43-3.43Zm15.1-2.5h-.5c-3.27 0-5.93 2.66-5.93 5.93v7.73c0 3.27 2.66 5.93 5.93 5.93h.5c3.27 0 5.93-2.66 5.93-5.93v-7.73c0-3.27-2.66-5.93-5.93-5.93Zm3.43 13.65c0 1.89-1.54 3.43-3.43 3.43h-.5c-1.89 0-3.43-1.54-3.43-3.43v-7.73c0-1.89 1.54-3.43 3.43-3.43h.5c1.89 0 3.43 1.54 3.43 3.43v7.73Zm8.71 1.53 2.86-1.48c1.5-.78 2.44-2.32 2.44-4.02 0-2.36-1.92-4.28-4.28-4.28h-.33c-2.36 0-4.28 1.92-4.28 4.28v1.58h2.5v-1.58c0-.98.8-1.78 1.78-1.78h.33c.98 0 1.78.8 1.78 1.78 0 .76-.42 1.45-1.09 1.8l-2.86 1.48c-1.5.78-2.44 2.32-2.44 4.02v1.99h8.89v-2.5h-6.32c.14-.55.51-1.02 1.03-1.29h-.01Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M62.02 22.76c0-5.08-4.13-9.21-9.21-9.21-1.44 0-2.84.33-4.11.97-2.16-4.48-6.7-7.39-11.75-7.39-3.87 0-7.53 1.73-10 4.67-.04-.02-.08-.03-.12-.05-.42-.21-.85-.4-1.28-.57-.11-.04-.22-.09-.33-.13-.42-.15-.84-.28-1.27-.39-.13-.04-.26-.08-.39-.11-.42-.1-.85-.17-1.28-.23-.14-.02-.27-.05-.4-.07-.56-.06-1.13-.1-1.7-.1h-1.25v.06c-7.63.64-13.64 7.04-13.64 14.83 0 1.13.13 2.26.38 3.36a10.189 10.189 0 0 0-4.61 8.55c0 5.64 4.59 10.23 10.23 10.23.17 0 .34 0 .52-.02 2.39 6.38 8.43 10.6 15.33 10.6 6.1 0 11.63-3.36 14.46-8.67.49.27 1 .49 1.51.7.06.02.12.04.17.06.43.16.87.31 1.32.43.13.03.25.07.38.1.4.09.8.17 1.21.23.14.02.27.05.41.06.53.06 1.06.1 1.6.1h1.25v-.06c7.04-.63 12.57-6.56 12.57-13.76 0-2.83-.87-5.59-2.48-7.9a9.176 9.176 0 0 0 2.48-6.29Zm-5.12 6.95c1.69 2.03 2.62 4.6 2.62 7.23 0 6.24-5.08 11.32-11.32 11.32-.34 0-.68-.02-1.02-.05-.12-.01-.23-.03-.35-.04a14.588 14.588 0 0 1-1.06-.18 12.272 12.272 0 0 1-1.42-.41c-.12-.04-.24-.08-.36-.13-.19-.08-.38-.16-.57-.25-.1-.05-.19-.09-.29-.14-.19-.1-.38-.2-.57-.31-.08-.05-.15-.09-.23-.14-.19-.11-.37-.23-.55-.35l-.07-.05c-.57-.4-1.11-.85-1.61-1.36l-.87-.89-1.79 1.75.87.89c.38.39.78.74 1.2 1.08a13.857 13.857 0 0 1-12.37 7.59c-6.15 0-11.48-3.95-13.28-9.82l-.32-1.04-1.07.17c-.45.07-.83.1-1.19.1-4.26 0-7.73-3.47-7.73-7.73 0-2.88 1.59-5.5 4.15-6.85l.92-.48-.3-.99c-.35-1.17-.53-2.38-.53-3.59 0-6.83 5.56-12.39 12.39-12.39.39 0 .78.03 1.17.06.1 0 .21.02.31.03.36.04.72.1 1.07.17l.36.09c.23.06.46.12.69.19.17.05.34.1.5.16.2.07.4.15.6.24.29.12.58.25.87.4.09.04.17.09.26.14.21.11.42.23.62.35l.12.07c1.02.64 1.96 1.42 2.77 2.35l.82.94 1.89-1.64-.82-.94c-.69-.8-1.47-1.51-2.3-2.13 1.99-2.21 4.84-3.5 7.85-3.5 4.5 0 8.51 2.86 9.97 7.12l.55 1.61 1.37-1.01a6.67 6.67 0 0 1 3.96-1.31 6.713 6.713 0 0 1 4.26 11.9l-.97.8.8.97Zm-1.94 21.85c-2.62 0-4.75 2.13-4.75 4.75s2.13 4.75 4.75 4.75 4.75-2.13 4.75-4.75-2.13-4.75-4.75-4.75Zm0 7c-1.24 0-2.25-1.01-2.25-2.25s1.01-2.25 2.25-2.25 2.25 1.01 2.25 2.25-1.01 2.25-2.25 2.25Z"/></svg>'
 export const gas5Outline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M19.01 24.71h.5c1.89 0 3.43 1.54 3.43 3.43h2.5c0-3.27-2.66-5.93-5.93-5.93h-.5c-3.27 0-5.93 2.66-5.93 5.93v7.73c0 3.27 2.66 5.93 5.93 5.93h.5c3.27 0 5.93-2.66 5.93-5.93h-2.5c0 1.89-1.54 3.43-3.43 3.43h-.5c-1.89 0-3.43-1.54-3.43-3.43v-7.73c0-1.89 1.54-3.43 3.43-3.43Zm15.1-2.5h-.5c-3.27 0-5.93 2.66-5.93 5.93v7.73c0 3.27 2.66 5.93 5.93 5.93h.5c3.27 0 5.93-2.66 5.93-5.93v-7.73c0-3.27-2.66-5.93-5.93-5.93Zm3.43 13.65c0 1.89-1.54 3.43-3.43 3.43h-.5c-1.89 0-3.43-1.54-3.43-3.43v-7.73c0-1.89 1.54-3.43 3.43-3.43h.5c1.89 0 3.43 1.54 3.43 3.43v7.73Zm8.71 1.53 2.86-1.48c1.5-.78 2.44-2.32 2.44-4.02 0-2.36-1.92-4.28-4.28-4.28h-.33c-2.36 0-4.28 1.92-4.28 4.28v1.58h2.5v-1.58c0-.98.8-1.78 1.78-1.78h.33c.98 0 1.78.8 1.78 1.78 0 .76-.42 1.45-1.09 1.8l-2.86 1.48c-1.5.78-2.44 2.32-2.44 4.02v1.99h8.89v-2.5h-6.32c.14-.55.51-1.02 1.03-1.29h-.01Z"/><path d="M62.02 22.76c0-5.08-4.13-9.21-9.21-9.21-1.44 0-2.84.33-4.11.97-2.16-4.48-6.7-7.39-11.75-7.39-3.87 0-7.53 1.73-10 4.67-.04-.02-.08-.03-.12-.05-.42-.21-.85-.4-1.28-.57-.11-.04-.22-.09-.33-.13-.42-.15-.84-.28-1.27-.39-.13-.04-.26-.08-.39-.11-.42-.1-.85-.17-1.28-.23-.14-.02-.27-.05-.4-.07-.56-.06-1.13-.1-1.7-.1h-1.25v.06c-7.63.64-13.64 7.04-13.64 14.83 0 1.13.13 2.26.38 3.36a10.189 10.189 0 0 0-4.61 8.55c0 5.64 4.59 10.23 10.23 10.23.17 0 .34 0 .52-.02 2.39 6.38 8.43 10.6 15.33 10.6 6.1 0 11.63-3.36 14.46-8.67.49.27 1 .49 1.51.7.06.02.12.04.17.06.43.16.87.31 1.32.43.13.03.25.07.38.1.4.09.8.17 1.21.23.14.02.27.05.41.06.53.06 1.06.1 1.6.1h1.25v-.06c7.04-.63 12.57-6.56 12.57-13.76 0-2.83-.87-5.59-2.48-7.9a9.176 9.176 0 0 0 2.48-6.29Zm-5.12 6.95c1.69 2.03 2.62 4.6 2.62 7.23 0 6.24-5.08 11.32-11.32 11.32-.34 0-.68-.02-1.02-.05-.12-.01-.23-.03-.35-.04a14.588 14.588 0 0 1-1.06-.18 12.272 12.272 0 0 1-1.42-.41c-.12-.04-.24-.08-.36-.13-.19-.08-.38-.16-.57-.25-.1-.05-.19-.09-.29-.14-.19-.1-.38-.2-.57-.31-.08-.05-.15-.09-.23-.14-.19-.11-.37-.23-.55-.35l-.07-.05c-.57-.4-1.11-.85-1.61-1.36l-.87-.89-1.79 1.75.87.89c.38.39.78.74 1.2 1.08a13.857 13.857 0 0 1-12.37 7.59c-6.15 0-11.48-3.95-13.28-9.82l-.32-1.04-1.07.17c-.45.07-.83.1-1.19.1-4.26 0-7.73-3.47-7.73-7.73 0-2.88 1.59-5.5 4.15-6.85l.92-.48-.3-.99c-.35-1.17-.53-2.38-.53-3.59 0-6.83 5.56-12.39 12.39-12.39.39 0 .78.03 1.17.06.1 0 .21.02.31.03.36.04.72.1 1.07.17l.36.09c.23.06.46.12.69.19.17.05.34.1.5.16.2.07.4.15.6.24.29.12.58.25.87.4.09.04.17.09.26.14.21.11.42.23.62.35l.12.07c1.02.64 1.96 1.42 2.77 2.35l.82.94 1.89-1.64-.82-.94c-.69-.8-1.47-1.51-2.3-2.13 1.99-2.21 4.84-3.5 7.85-3.5 4.5 0 8.51 2.86 9.97 7.12l.55 1.61 1.37-1.01a6.67 6.67 0 0 1 3.96-1.31 6.713 6.713 0 0 1 4.26 11.9l-.97.8.8.97Zm-1.94 21.85c-2.62 0-4.75 2.13-4.75 4.75s2.13 4.75 4.75 4.75 4.75-2.13 4.75-4.75-2.13-4.75-4.75-4.75Zm0 7c-1.24 0-2.25-1.01-2.25-2.25s1.01-2.25 2.25-2.25 2.25 1.01 2.25 2.25-1.01 2.25-2.25 2.25Z"/></svg>'
@@ -1531,7 +1531,7 @@ export const vehicle4wdColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"
 export const vehicle4wdOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M60.27 42.42c-.01.2-.11.38-.25.5l-3.54-6.12H45l-3.65 6.32H28.46l-3.65-6.32H13.34l-3.57 6.18c-.41-.2-.71-.62-.71-1.12V34.6H6.58v1.25H5.3c-.69 0-1.25-.56-1.25-1.25v-6.26c0-.69.56-1.25 1.25-1.25h1.55l-.26.92v4.09h2.45v-2.51h40.33s.52.06.79.08l8.93.86c.89.09 1.58.73 1.77 1.57h2.53a4.473 4.473 0 0 0-4.05-4.05l-8.93-.86a.577.577 0 0 1-.45-.28l-6.31-10.13a2 2 0 0 0-1.7-.94H8.82a1.25 1.25 0 0 0 0 2.5h.48L7.56 24.6H5.31c-2.07 0-3.75 1.68-3.75 3.75v6.26c0 2.07 1.68 3.75 3.75 3.75h1.27v3.5a3.736 3.736 0 0 0 3.74 3.75h2.62c-.27 1.46-.11 3.07 1.33 4.86 1.24 1.54 3.04 2.58 5.02 2.52a6.26 6.26 0 0 0 5.95-7.36c-.46-2.62-2.63-4.71-5.27-5.07-2.45-.34-4.67.76-5.97 2.56h-1.42l2.2-3.82h8.59l3.65 6.32H42.8l3.65-6.32h8.59l2.2 3.82h-1.42a6.225 6.225 0 0 0-5.97-2.56c-2.64.36-4.81 2.45-5.27 5.07a6.26 6.26 0 0 0 5.95 7.36c1.97.06 3.78-.98 5.02-2.52 1.43-1.79 1.59-3.39 1.33-4.86h2.64c1.7 0 3.12-1.32 3.24-3.02l.52-7.99h-2.51l-.51 7.82h.01ZM34.1 18.33h7.01c.35 0 .67.18.85.47l5.16 8.29H34.1v-8.76Zm-17.52 0H31.6v8.76H16.58v-8.76Zm-4.68 0h2.18v8.76H9.46l2.43-8.76h.01Zm7.19 24.66c2.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.75Zm31.67 7.5c-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="M6.59 34.61h5.37v-2.5H6.6l-.01 2.5Zm56.79-2.5h-5.75v2.5h5.66l.11-1.73c.02-.26 0-.52-.02-.77Z"/></svg>'
 export const vehicle4wdSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M58.63 34.61v-2.5h4.75a4.473 4.473 0 0 0-4.05-4.05l-8.93-.86a.594.594 0 0 1-.45-.28l-6.31-10.13a2 2 0 0 0-1.7-.94H8.82a1.25 1.25 0 0 0 0 2.5h.48l-1.74 6.26H5.31c-2.07 0-3.75 1.68-3.75 3.75v6.26c0 2.07 1.68 3.75 3.75 3.75h1.27v3.5a3.736 3.736 0 0 0 3.74 3.75h2.62c-.27 1.46-.11 3.07 1.33 4.86 1.24 1.54 3.04 2.58 5.02 2.52a6.26 6.26 0 0 0 5.95-7.36c-.46-2.62-2.63-4.71-5.27-5.07-2.45-.34-4.67.76-5.97 2.56h-1.42l2.2-3.82h8.59l3.65 6.32H42.8l3.65-6.32h8.59l2.2 3.82h-1.42a6.225 6.225 0 0 0-5.97-2.56c-2.64.36-4.81 2.45-5.27 5.07A6.26 6.26 0 0 0 50.53 53c1.97.06 3.78-.98 5.02-2.52 1.43-1.79 1.59-3.39 1.33-4.86h2.64c1.7 0 3.12-1.32 3.24-3.02l.52-7.99h-4.66.01Zm-52.02-6.6-.03 7.85H5.31c-.69 0-1.25-.56-1.25-1.25v-6.26c0-.69.56-1.25 1.25-1.25h1.55l-.26.92.01-.01Zm12.47 14.98c2.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.75ZM31.6 27.1H16.58v-8.76H31.6v8.76Zm2.5 0v-8.76h7.01c.35 0 .67.18.85.47l5.16 8.29H34.1Zm16.65 23.39c-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"/></svg>'
 export const vehicle5DoorsColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m43.01 18.9 2.62-2.62v-5.92c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87Zm-22.24-2.53v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.85Zm2.48 10.88v15.38c-.85 1.96-1.24 4.68-1.24 6.46v.85l.79.31c1.35.54 4.9 1.33 9.16 1.33s7.81-.8 9.16-1.33l.79-.31v-.85c0-1.79-.39-4.51-1.24-6.47V27.24c.8-.81 1.68-1.88 2.47-3.04v10.88l1.73-1.73.77.77v-12.6l-2.62-2.62c-.47 1.9-2.23 4.62-3.92 6.38-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.57.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38l-2.62 2.62v12.55l.73-.73 1.77 1.77V24.2c.79 1.17 1.67 2.24 2.47 3.04l-.01.01Zm2.5.36c1.3-.39 3.73-.88 6.21-.88s4.9.49 6.21.88v14.4c-1.31.41-3.67.86-6.21.86s-4.9-.45-6.21-.86v-14.4Zm-.53 16.86c1.67.49 4.19.91 6.73.91s5.07-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.25.89-7.42.89s-5.91-.47-7.42-.89c.08-1.17.31-2.57.68-3.73h.02Z"/><path d="M43.13 35.15v19.13c0 1.34-4.11 5.36-10.17 5.36h-2.02c-6.06 0-10.17-4.03-10.17-5.36V35.1l-2.5 2.51v16.67c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.65l-2.5-2.5Z"/><path d="M15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01Zm40.75 13.34-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77ZM7.79 44.58l1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58Zm37.08-11.223-1.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
-export const vehicle5DoorsHatchbackColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m43.01 18.9 2.62-2.62v-5.92c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87Zm-22.24-2.53v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.85Zm2.48 10.88v15.38c-.85 1.96-1.24 4.68-1.24 6.46v.85l.79.31c1.35.54 4.9 1.33 9.16 1.33s7.81-.8 9.16-1.33l.79-.31v-.85c0-1.79-.39-4.51-1.24-6.47V27.24c.8-.81 1.68-1.88 2.47-3.04v10.88l1.73-1.73.77.77v-12.6l-2.62-2.62c-.47 1.9-2.23 4.62-3.92 6.38-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.57.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38l-2.62 2.62v12.55l.73-.73 1.77 1.77V24.2c.79 1.17 1.67 2.24 2.47 3.04l-.01.01Zm2.5.36c1.3-.39 3.73-.88 6.21-.88s4.9.49 6.21.88v14.4c-1.31.41-3.67.86-6.21.86s-4.9-.45-6.21-.86v-14.4Zm-.53 16.86c1.67.49 4.19.91 6.73.91s5.07-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.25.89-7.42.89s-5.91-.47-7.42-.89c.08-1.17.31-2.57.68-3.73h.02Z"/><path d="M43.13 35.15v19.13c0 1.34-4.11 5.36-10.17 5.36h-2.02c-6.06 0-10.17-4.03-10.17-5.36V35.1l-2.5 2.51v16.67c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.65l-2.5-2.5Z"/><path d="M15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01Zm40.75 13.34-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77ZM7.79 44.58l1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58Zm37.08-11.223-1.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
+export const vehicle5DoorsHatchbackColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M45.63 10.35c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87l2.62-2.62v-5.92Zm-2.5 6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.85v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02ZM18.27 53.71l2.5-2.14V35.11l-2.5 2.5v16.1ZM43.13 35.15v16.42l2.5 2.14V37.65l-2.5-2.5Z" /><path d="m43.13 35.09 1.73-1.73.77.77v-12.6l-2.62-2.62c-.47 1.9-2.23 4.62-3.92 6.38-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.57.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38l-2.62 2.62v12.55l.73-.73 1.77 1.77V24.21c.79 1.17 1.67 2.24 2.47 3.04v15.38c.04-.1.08-.2.12-.28l.54-1.12 1.13.53c.17.08.43.17.72.26v-14.4c1.31-.39 3.73-.88 6.21-.88s4.9.49 6.21.88v14.4c.29-.09.54-.18.72-.26l1.13-.53.54 1.12c.04.09.08.19.12.28V27.25c.8-.81 1.68-1.88 2.47-3.04v10.88h-.03Z" /><path d="M41.89 50.51c-.07-1.87-.43-6.23-1.35-8.17L40 41.22l-1.13.53c-.96.45-3.83 1.12-6.93 1.12-3.1 0-5.96-.67-6.93-1.12l-1.13-.53-.54 1.12c-.92 1.93-1.28 6.3-1.35 8.17l-3.74 3.21v.58c0 3.43 6.14 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86v-.58l-3.74-3.21h.02Zm-16.62-6.03c1.67.48 4.17.89 6.68.89s5.01-.41 6.68-.89c.4 1.59.66 4.06.74 5.71-1.51.42-4.25.89-7.43.89-3.18 0-5.92-.47-7.43-.89.08-1.65.35-4.13.74-5.71h.02Zm7.69 15.17h-2.02c-5.46 0-9.33-3.26-10.05-4.89l2.64-2.26c1.67.5 4.79 1.08 8.42 1.08s6.75-.58 8.42-1.08l2.64 2.26c-.72 1.63-4.59 4.89-10.05 4.89ZM15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01ZM56.19 28.54l-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77ZM7.79 44.58l1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58ZM44.87 33.357l-1.768 1.768 11.236 11.236 1.768-1.768L44.87 33.357Z" fill="rgb(233, 155, 41)"/></svg>'
 export const vehicle5DoorsHatchbackOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M45.63 10.35c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87l2.62-2.62v-5.92Zm-2.5 6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.85v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02ZM18.27 53.71l2.5-2.14V35.11l-2.5 2.5v16.1Zm24.86-18.56v16.42l2.5 2.14V37.65l-2.5-2.5Z"/><path d="m43.13 35.09 1.73-1.73.77.77v-12.6l-2.62-2.62c-.47 1.9-2.23 4.62-3.92 6.38-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.57.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38l-2.62 2.62v12.55l.73-.73 1.77 1.77V24.21c.79 1.17 1.67 2.24 2.47 3.04v15.38c.04-.1.08-.2.12-.28l.54-1.12 1.13.53c.17.08.43.17.72.26v-14.4c1.31-.39 3.73-.88 6.21-.88s4.9.49 6.21.88v14.4c.29-.09.54-.18.72-.26l1.13-.53.54 1.12c.04.09.08.19.12.28V27.25c.8-.81 1.68-1.88 2.47-3.04v10.88h-.03Z"/><path d="M41.89 50.51c-.07-1.87-.43-6.23-1.35-8.17L40 41.22l-1.13.53c-.96.45-3.83 1.12-6.93 1.12-3.1 0-5.96-.67-6.93-1.12l-1.13-.53-.54 1.12c-.92 1.93-1.28 6.3-1.35 8.17l-3.74 3.21v.58c0 3.43 6.14 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86v-.58l-3.74-3.21h.02Zm-16.62-6.03c1.67.48 4.17.89 6.68.89s5.01-.41 6.68-.89c.4 1.59.66 4.06.74 5.71-1.51.42-4.25.89-7.43.89-3.18 0-5.92-.47-7.43-.89.08-1.65.35-4.13.74-5.71h.02Zm7.69 15.17h-2.02c-5.46 0-9.33-3.26-10.05-4.89l2.64-2.26c1.67.5 4.79 1.08 8.42 1.08s6.75-.58 8.42-1.08l2.64 2.26c-.72 1.63-4.59 4.89-10.05 4.89ZM15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01Zm40.75 13.34-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77ZM7.79 44.58l1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58Zm37.08-11.223-1.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z"/></svg>'
 export const vehicle5DoorsHatchbackSolidColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m43.01 20.9 2.67-2.67v-5.71c0-4.69-3.81-8.5-8.5-8.5H26.82c-4.69 0-8.5 3.81-8.5 8.5v5.8l2.58 2.58-2.58 2.58v21.89c.06-.21.11-.42.17-.62l.09-.21 2.71-5.13v-9.39h2.5v9.64l3.32.99c1.02.3 2.91.66 4.88.66 1.97 0 3.87-.35 4.84-.65l3.38-1.03v-9.61h2.5v9.42l2.78 5.31c.07.22.13.46.19.69V23.56l-2.67-2.67v.01Zm-3.84 6.54h-.02c-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.56.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38 2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87-.47 1.9-2.23 4.62-3.91 6.38Z"/><path d="M45.68 52.46c-.16-2.23-2.53-6.84-3.57-8.82l-.9-1.71-3.64 1.11c-1.14.35-3.29.75-5.57.75-2.28 0-4.41-.41-5.59-.76l-3.63-1.08-.89 1.68c-1.05 1.98-3.4 6.59-3.56 8.83 0 1.77 1.64 3.79 4.11 5.35a12.277 12.277 0 0 0 1.31.73c.37.19.75.36 1.15.53.04.02.08.04.12.05.44.18.89.34 1.35.48.06.02.11.03.17.05.38.11.77.21 1.17.3.14.03.28.06.41.08.34.06.68.12 1.02.16.14.02.28.04.42.05.47.05.95.08 1.43.08h2.02c.48 0 .96-.03 1.43-.08.14-.01.28-.03.42-.05.34-.04.68-.09 1.02-.16.14-.03.28-.05.42-.08a14.63 14.63 0 0 0 1.34-.35c.46-.14.91-.3 1.34-.47.04-.02.08-.03.11-.05.39-.16.78-.34 1.15-.52.06-.03.13-.07.19-.1.38-.19.74-.4 1.09-.62.02-.01.03-.02.05-.03.77-.48 1.45-1.01 2.04-1.57 1.29-1.23 2.08-2.57 2.08-3.79l-.01.01Zm-20.31-5.83c1.64.49 4.12.91 6.62.91s4.98-.41 6.62-.91c.36 1.16.59 3.56.67 4.73-1.48.42-4.18.89-7.29.89h-.02c-3.11 0-5.81-.47-7.29-.89.08-1.17.3-3.57.67-4.73h.02ZM15.44 17.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 20.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01Zm40.75 13.34-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const vehicle5DoorsOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m43.01 18.9 2.62-2.62v-5.92c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87Zm-22.24-2.53v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.85Zm2.48 10.88v15.38c-.85 1.96-1.24 4.68-1.24 6.46v.85l.79.31c1.35.54 4.9 1.33 9.16 1.33s7.81-.8 9.16-1.33l.79-.31v-.85c0-1.79-.39-4.51-1.24-6.47V27.24c.8-.81 1.68-1.88 2.47-3.04v10.88l1.73-1.73.77.77v-12.6l-2.62-2.62c-.47 1.9-2.23 4.62-3.92 6.38-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.57.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38l-2.62 2.62v12.55l.73-.73 1.77 1.77V24.2c.79 1.17 1.67 2.24 2.47 3.04l-.01.01Zm2.5.36c1.3-.39 3.73-.88 6.21-.88s4.9.49 6.21.88v14.4c-1.31.41-3.67.86-6.21.86s-4.9-.45-6.21-.86v-14.4Zm-.53 16.86c1.67.49 4.19.91 6.73.91s5.07-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.25.89-7.42.89s-5.91-.47-7.42-.89c.08-1.17.31-2.57.68-3.73h.02Z"/><path d="M43.13 35.15v19.13c0 1.34-4.11 5.36-10.17 5.36h-2.02c-6.06 0-10.17-4.03-10.17-5.36V35.1l-2.5 2.51v16.67c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.65l-2.5-2.5ZM15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01Zm40.75 13.34-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77Z"/><path d="m7.79 44.58 1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58Zm37.08-11.223-1.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z"/></svg>'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "3.20.2",
+  "version": "3.20.3",
   "description": "Web Component library for Roadtrip Design System",
   "license": "Apache-2.0",
   "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",

package/dist/roadtrip/p-17ae87b0.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as r}from"./p-f3d586b3.js";import{n as a}from"./p-ac7a8bca.js";import"./p-1ccae339.js";const i=':host{--accordion-header-border:1px;--content-margin:0 1rem 0.75rem;--content-padding:0.75rem 0 0;--header-padding:0.75rem 1rem;--icon-color:var(--road-icon);--max-height:none;display:block;margin-bottom:1rem}:host(.focus-visible){border:1px solid var(--road-primary)}.accordion{--max-height:none;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;transition:max-height 0.3s ease-in-out}.accordion.accordion-light{border:0}.accordion[open]{max-height:var(--max-height)}.accordion[open] .accordion-arrow{transform:rotate(-90deg)}.accordion[open] .accordion-content{padding:var(--content-padding);margin:var(--content-margin)}.accordion-light[open] .accordion-light-content{padding:0.75rem 0;margin:0 1rem 0.75rem}.accordion-light[open] .accordion-light-header::after{display:none}.accordion-trigger{box-sizing:border-box;display:block;border:1px solid transparent;border-radius:0.25rem;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.accordion-trigger::-webkit-details-marker{display:none}.accordion-trigger.focus-visible{border-color:var(--road-primary)}.accordion-trigger:active{background:var(--road-surface-inverse)}.accordion-header{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:var(--header-padding);font-size:var(--road-body-medium);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.accordion-light-header{position:relative;font-size:var(--road-body-large)}.accordion-light--small .accordion-light-header{font-size:var(--road-body-medium)}.accordion-light--border .accordion-light-header::after{position:absolute;bottom:1px;width:98.3%;height:1px;content:"";background:var(--road-outline-weak)}.accordion-arrow{margin-left:auto;color:var(--icon-color);transform:rotate(90deg)}.accordion-light--small .accordion-arrow{width:1.5rem;height:1.5rem}::slotted([slot="header"]){display:flex;align-items:center}:host(.accordion-icon-left){width:1.5rem;height:1.5rem;margin-right:1rem}.accordion-content{padding:0 0.5rem;margin:0 1rem;overflow:hidden;font-size:var(--road-body-medium);border-top:var(--accordion-header-border) solid var(--road-outline-weak)}.accordion-light-content{border-top:1px solid var(--road-outline-weak)}.accordion-light--border .accordion-light-content{border-top:1px solid var(--road-outline-weak);border-bottom:1px solid var(--road-outline-weak)}';const e=class{constructor(r){o(this,r);this.onClick=()=>{this.isOpen=!this.isOpen};this.isOpen=false;this.isLight=false;this.isLightSeparator=false;this.isSmall=false}render(){const o=this.isLight?"accordion accordion-light":"accordion";const i=this.isLight?"accordion-header accordion-light-header":"accordion-header";const e=this.isLight?"accordion-content accordion-light-content":"accordion-content";const n=this.isLightSeparator?"accordion accordion-light accordion-light--border":"accordion";const t=this.isSmall?"accordion accordion-light accordion-light--small":"accordion";return r("details",{class:`${o} ${t} ${n}`,open:this.isOpen},r("summary",{class:"accordion-trigger","aria-expanded":`${this.isOpen}`,tabindex:"0",role:"button",onClick:this.onClick},r("div",{class:i},r("slot",{name:"icon-left"}),r("slot",{name:"header"}),r("road-icon",{class:"accordion-arrow",icon:a}))),r("div",{class:e},r("slot",null)))}};e.style=i;export{e as road_accordion};
-//# sourceMappingURL=p-17ae87b0.entry.js.map

package/dist/roadtrip/p-17ae87b0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["accordionCss","Accordion","this","onClick","isOpen","render","accordionLight","isLight","accordionLightHeader","accordionLightContent","accordionLightSeparator","isLightSeparator","accordionSmall","isSmall","h","class","open","tabindex","role","name","icon","navigationChevron"],"sources":["src/components/accordion/accordion.css?tag=road-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx"],"sourcesContent":["/*\n * Accordion\n *\n * For accessibility, we provide a style for focus only on Tab.\n * For enable this focus, load the javascript polyfill for focus-visible\n * (https://github.com/WICG/focus-visible).\n *\n * Index\n * - Accordion\n * - Button\n * - Content\n */\n\n/**\n * @prop --accordion-header-border: height of the border of the header\n * @prop --content-margin: margin of the accordion content\n * @prop --content-padding: padding of the accordion content\n * @prop --header-padding: padding of the accordion header\n * @prop --icon-color: color of the chevron icon\n * @prop --max-height: maximum height of the collapse content\n */\n\n:host {\n  --accordion-header-border: 1px;\n  --content-margin: 0 1rem 0.75rem;\n  --content-padding: 0.75rem 0 0;\n  --header-padding: 0.75rem 1rem;\n  --icon-color: var(--road-icon);\n  --max-height: none;\n\n  display: block;\n  margin-bottom: 1rem;\n}\n\n:host(.focus-visible){\n  border: 1px solid var(--road-primary);\n}\n\n/* ACCORDION\n -------------------- */\n\n.accordion {\n  --max-height: none;\n  overflow: hidden;\n  font-family: var(--road-font, sans-serif);\n  font-size: var(--road-body-small);\n  line-height: 1.5;\n  color: var(--road-on-surface);\n  background: var(--road-surface);\n  border: 1px solid;\n  border-color: var(--road-outline-weak);\n  border-radius: 0.25rem;\n  transition: max-height 0.3s ease-in-out;\n}\n\n.accordion.accordion-light {\n  border: 0;\n}\n\n/**\n * Open state\n */\n\n.accordion[open] {\n  max-height: var(--max-height);\n}\n\n.accordion[open] .accordion-arrow {\n  transform: rotate(-90deg);\n}\n\n.accordion[open] .accordion-content {\n  padding: var(--content-padding);\n  margin: var(--content-margin);\n}\n\n.accordion-light[open] .accordion-light-content {\n  padding: 0.75rem 0;\n  margin: 0 1rem 0.75rem;\n}\n\n.accordion-light[open] .accordion-light-header::after {\n  display: none;\n}\n\n/* BUTTON\n -------------------- */\n\n.accordion-trigger {\n  box-sizing: border-box;\n  display: block;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  outline: 0;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.accordion-trigger::-webkit-details-marker { /* Remove chrome native arrow */\n  display: none;\n}\n\n/**\n * Focus on Tab\n */\n\n.accordion-trigger.focus-visible {\n  border-color: var(--road-primary);\n}\n\n/**\n * Active state\n */\n\n.accordion-trigger:active {\n  background: var(--road-surface-inverse);\n}\n\n/**\n * .accordion-header is an additionnal div\n * because Safari doesn't support flexbox on <summary> element\n */\n\n.accordion-header {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: var(--header-padding);\n  font-size: var(--road-body-medium);\n  font-weight: 700;\n  cursor: pointer;\n  user-select: none;\n}\n\n.accordion-light-header {\n  position: relative;\n  font-size: var(--road-body-large);\n}\n\n.accordion-light--small .accordion-light-header {\n  font-size: var(--road-body-medium);\n}\n\n.accordion-light--border .accordion-light-header::after {\n  position: absolute;\n  bottom: 1px;\n  width: 98.3%;\n  height: 1px;\n  content: \"\";\n  background: var(--road-outline-weak);\n}\n\n/**\n * Custom arrow\n */\n\n.accordion-arrow {\n  margin-left: auto;\n  color: var(--icon-color);\n  transform: rotate(90deg);\n}\n\n.accordion-light--small .accordion-arrow {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n::slotted([slot=\"header\"]){\n  display: flex;\n  align-items: center;\n}\n\n:host(.accordion-icon-left){\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-right: 1rem;\n}\n\n/* CONTENT\n -------------------- */\n\n.accordion-content {\n  padding: 0 0.5rem;\n  margin: 0 1rem;\n  overflow: hidden;\n  font-size: var(--road-body-medium);\n  border-top: var(--accordion-header-border) solid var(--road-outline-weak);\n}\n\n.accordion-light-content {\n  border-top: 1px solid var(--road-outline-weak);\n}\n\n.accordion-light--border .accordion-light-content {\n  border-top: 1px solid var(--road-outline-weak);\n  border-bottom: 1px solid var(--road-outline-weak);\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { navigationChevron } from '../../../icons';\nimport './../../utils/polyfill';\n\n/**\n * @slot header - Content of the header.\n * @slot - Content hidden in the accordion.\n * @slot icon-left - Icon of the alert, it should be a road-icon element.\n * `<road-icon name=\"alert-info-outline\" class=\"mr-16\"></road-icon>`\n\n */\n\n@Component({\n  tag: 'road-accordion',\n  styleUrl: 'accordion.css',\n  shadow: true,\n})\nexport class Accordion {\n\n  /**\n   * Set to `true` to open the accordion and to `false` to close it.\n   */\n  @Prop({ mutable: true }) isOpen : boolean = false;\n\n  /**\n   * Set to `true` to remove border the accordion and to `false` to add border it.\n   */\n   @Prop() isLight : boolean = false;\n\n   /**\n   * Set to `true` to add a border in the header and the content only for the light accordion.\n   */\n    @Prop() isLightSeparator : boolean = false;\n\n   /**\n   * Set to `true` to add the small version only for the light accordion.\n   */\n    @Prop() isSmall : boolean = false;\n\n  /**\n   * Toggle the display when clicking header\n   */\n  private onClick = () => {\n    this.isOpen = !this.isOpen;\n  };\n\n  render() {\n\n    const accordionLight = this.isLight ? 'accordion accordion-light' : 'accordion';\n    const accordionLightHeader = this.isLight ? 'accordion-header accordion-light-header' : 'accordion-header';\n    const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';\n    const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';\n    const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';\n    return (\n      <details class={`${accordionLight} ${accordionSmall} ${accordionLightSeparator}`} open={this.isOpen}>\n        <summary class=\"accordion-trigger\" aria-expanded={`${this.isOpen}`} tabindex=\"0\" role=\"button\" onClick={this.onClick}>\n          <div class={accordionLightHeader}>\n            <slot name=\"icon-left\"/>\n            <slot name=\"header\"/>\n            <road-icon class=\"accordion-arrow\" icon={navigationChevron}></road-icon>\n          </div>\n        </summary>\n        <div class={accordionLightContent}>\n          <slot/>\n        </div>\n      </details>\n    );\n  }\n}"],"mappings":"uGAAA,MAAMA,EAAe,6+E,MCiBRC,EAAS,M,yBAyBZC,KAAAC,QAAU,KAChBD,KAAKE,QAAUF,KAAKE,MAAM,E,YArBgB,M,aAKf,M,sBAKU,M,aAKT,K,CAS9B,MAAAC,GAEE,MAAMC,EAAiBJ,KAAKK,QAAU,4BAA8B,YACpE,MAAMC,EAAuBN,KAAKK,QAAU,0CAA4C,mBACxF,MAAME,EAAwBP,KAAKK,QAAU,4CAA8C,oBAC3F,MAAMG,EAA0BR,KAAKS,iBAAmB,oDAAsD,YAC9G,MAAMC,EAAiBV,KAAKW,QAAU,mDAAqD,YAC3F,OACEC,EAAA,WAASC,MAAO,GAAGT,KAAkBM,KAAkBF,IAA2BM,KAAMd,KAAKE,QAC3FU,EAAA,WAASC,MAAM,oBAAmB,gBAAgB,GAAGb,KAAKE,SAAUa,SAAS,IAAIC,KAAK,SAASf,QAASD,KAAKC,SAC3GW,EAAA,OAAKC,MAAOP,GACVM,EAAA,QAAMK,KAAK,cACXL,EAAA,QAAMK,KAAK,WACXL,EAAA,aAAWC,MAAM,kBAAkBK,KAAMC,MAG7CP,EAAA,OAAKC,MAAON,GACVK,EAAA,c"}

package/dist/roadtrip/p-cdefa79c.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as r,a as t}from"./p-f3d586b3.js";const n=":host{--margin-top:0.5rem;display:block}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;width:max-content;background-color:var(--road-surface);border-radius:0.25rem;outline:none}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:1;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-left{left:0}.dropdown-right{right:0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover,.dropdown-item.focus-visible{background:var(--road-surface-inverse)}";const d=class{constructor(r){o(this,r);this.onClick=()=>{this.isOpen=!this.isOpen};this.isOpen=false;this.isLight=false;this.isMedium=false;this.position=undefined;this.direction="bottom"}handleDocumentClick(o){if(o.target.closest("road-dropdown")===this.el){return}this.isOpen=false}render(){const o=this.isLight?"dropdown-button":"dropdown-button";const t=this.isMedium?"dropdown-medium-button dropdown-button":"dropdown-button";const n=this.position?`position-${this.position}`:"";const d=this.position?`dropdown-${this.position}`:"";const e=this.direction?`direction-${this.direction}`:"";return r("details",{class:"dropdown",open:this.isOpen},r("summary",{"aria-expanded":this.isOpen.toString(),tabindex:"0",role:"button",onClick:this.onClick,"tab-index":"0"},r("div",{class:`d-flex ${n}`},r("div",{class:`${o} ${t}`},r("road-icon",{name:"navigation-more",class:"dropdown-button-icon","aria-hidden":"true"})))),r("div",{class:`dropdown-menu ${e} ${d}`},r("slot",{name:"list"})))}get el(){return t(this)}};d.style=n;export{d as road_dropdown};
-//# sourceMappingURL=p-cdefa79c.entry.js.map

package/dist/roadtrip/p-cdefa79c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownCss","Dropdown","this","onClick","isOpen","handleDocumentClick","ev","target","closest","el","render","isLightButtonDropDown","isLight","isMediumButtonDropDown","isMedium","positionClass","position","dropdownClass","directionClass","direction","h","class","open","toString","tabindex","role","name"],"sources":["src/components/dropdown/dropdown.css?tag=road-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["/*\n * Dropdown\n *\n * Index\n * - Dropdown\n * - Dropdown menu\n */\n\n/**\n * @prop --margin-top: Top margin of the menu\n */\n\n/* DROPDOWN\n -------------------- */\n\n:host {\n  --margin-top: 0.5rem;\n  display: block;\n}\n\n.dropdown {\n  position: relative;\n  font-family: var(--road-font);\n}\n\n.dropdown summary {\n  display: block;\n  width: max-content;\n  background-color: var(--road-surface);\n  border-radius: 0.25rem;\n  outline: none;\n}\n\n.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within{\n  background: var(--road-surface-inverse);\n}\n\n.dropdown summary::-webkit-details-marker { /* remove native arrow */\n  display: none;\n}\n\n.dropdown-button{\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3.5rem;\n  height: 3.5rem;\n  cursor: pointer;\n  border-radius: 0.25rem;\n}\n\n.dropdown-medium-button{\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n.position-right{\n  display: flex;\n  justify-content: flex-end;\n}\n\n.bg-white{\n  background: var(--road-grey-000);\n}\n\n.dropdown-button-icon{\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n.dropdown-medium-button .dropdown-button-icon{\n  width: 1.75rem;\n  height: 1.75rem;\n}\n\n/**\n * Open state\n */\n\n.dropdown[open] .dropdown-menu {\n  transform: scaleY(1);\n}\n\n.dropdown[open] .dropdown-menu.direction-top {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  transform: translate3d(0, -56px, 0);\n  will-change: transform;\n}\n\n/* MENU\n -------------------- */\n\n.dropdown-menu {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 16.875rem;\n  padding: 0.5rem 0;\n  color: var(--road-on-surface);\n  background: var(--road-surface);\n  border: 1px solid;\n  border-color: var(--road-outline-weak);\n  border-radius: 0.25rem;\n  box-shadow: var(--road-elevation-low);\n  transition: transform 0.2s ease-in-out;\n  transform: scaleY(0);\n  transform-origin: 0 0;\n}\n\n.dropdown-left {\n  left: 0;\n}\n\n.dropdown-right {\n  right: 0;\n}\n\n\n/* ITEM\n -------------------- */\n\n.dropdown-item {\n  min-height: 40px;\n  padding: 0 1rem;\n  font-size: var(--road-body-medium);\n  line-height: 1.5;\n  color: var(--road-on-surface);\n  text-align: left;\n  text-decoration: none;\n  cursor: pointer;\n  background: var(--road-surface);\n  border: none;\n  outline: none;\n}\n\n.dropdown-item-border {\n  border-color: var(--road-outline-weak);\n  border-bottom: 1px solid;\n}\n\n/**\n * Hover state\n */\n\n.dropdown-item:hover,\n.dropdown-item.focus-visible {\n  background: var(--road-surface-inverse);\n}\n\n\n","import { Component, h, Element, Prop, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'road-dropdown',\n  styleUrl: 'dropdown.css',\n  shadow: true,\n})\nexport class Dropdown {\n\n  @Element() el!: HTMLRoadDropdownElement;\n\n\n  @Prop({ mutable: true }) isOpen: boolean = false;\n  @Prop() isLight: boolean = false;\n  @Prop() isMedium: boolean = false;\n  @Prop({ reflect: true }) position?: 'left' | 'right';\n  @Prop({ reflect: true }) direction?: 'top' | 'bottom' = 'bottom';\n\n  private onClick = () => {\n    this.isOpen = !this.isOpen;\n  };\n\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(ev: MouseEvent) {\n    // Check if the clicked element is the dropdown button\n    if ((ev.target as HTMLElement).closest('road-dropdown') === this.el) {\n      return; // Do nothing if clicked element is the dropdown button\n    }\n    // Close dropdown if click is outside the dropdown\n    this.isOpen = false;\n  }\n\n  render() {\n    const isLightButtonDropDown = this.isLight ? 'dropdown-button' : 'dropdown-button';\n    const isMediumButtonDropDown = this.isMedium ? 'dropdown-medium-button dropdown-button' : 'dropdown-button';\n    const positionClass = this.position ? `position-${this.position}` : '';\n    const dropdownClass = this.position ? `dropdown-${this.position}` : '';\n    const directionClass = this.direction ? `direction-${this.direction}` : '';\n\n    return (\n      <details class=\"dropdown\" open={this.isOpen}>\n        <summary aria-expanded={this.isOpen.toString()} tabindex=\"0\" role=\"button\" onClick={this.onClick} tab-index=\"0\">\n          <div class={`d-flex ${positionClass}`}>\n            <div class={`${isLightButtonDropDown} ${isMediumButtonDropDown}`}>\n              <road-icon name=\"navigation-more\" class=\"dropdown-button-icon\" aria-hidden=\"true\"></road-icon>\n            </div>\n          </div>\n        </summary>\n        <div class={`dropdown-menu ${directionClass} ${dropdownClass}`}>\n          <slot name=\"list\" />\n        </div>\n      </details>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,szD,MCOPC,EAAQ,M,yBAWXC,KAAAC,QAAU,KAChBD,KAAKE,QAAUF,KAAKE,MAAM,E,YAPe,M,aAChB,M,cACC,M,uCAE4B,Q,CAOxD,mBAAAC,CAAoBC,GAElB,GAAKA,EAAGC,OAAuBC,QAAQ,mBAAqBN,KAAKO,GAAI,CACnE,M,CAGFP,KAAKE,OAAS,K,CAGhB,MAAAM,GACE,MAAMC,EAAwBT,KAAKU,QAAU,kBAAoB,kBACjE,MAAMC,EAAyBX,KAAKY,SAAW,yCAA2C,kBAC1F,MAAMC,EAAgBb,KAAKc,SAAW,YAAYd,KAAKc,WAAa,GACpE,MAAMC,EAAgBf,KAAKc,SAAW,YAAYd,KAAKc,WAAa,GACpE,MAAME,EAAiBhB,KAAKiB,UAAY,aAAajB,KAAKiB,YAAc,GAExE,OACEC,EAAA,WAASC,MAAM,WAAWC,KAAMpB,KAAKE,QACnCgB,EAAA,2BAAwBlB,KAAKE,OAAOmB,WAAYC,SAAS,IAAIC,KAAK,SAAStB,QAASD,KAAKC,QAAO,YAAY,KAC1GiB,EAAA,OAAKC,MAAO,UAAUN,KACpBK,EAAA,OAAKC,MAAO,GAAGV,KAAyBE,KACtCO,EAAA,aAAWM,KAAK,kBAAkBL,MAAM,uBAAsB,cAAa,YAIjFD,EAAA,OAAKC,MAAO,iBAAiBH,KAAkBD,KAC7CG,EAAA,QAAMM,KAAK,U"}