@roadtrip/components 3.16.0 → 3.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/cjs/index-fb57f684.js.map +1 -1
  2. package/dist/cjs/road-badge_14.cjs.entry.js +1 -1
  3. package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
  4. package/dist/cjs/road-tab-bar.cjs.entry.js +1 -1
  5. package/dist/cjs/road-tab-bar.cjs.entry.js.map +1 -1
  6. package/dist/collection/components/dropdown/dropdown.stories.js +4 -4
  7. package/dist/collection/components/icon/svg/vehicle-towbar-box-color.svg +1 -0
  8. package/dist/collection/components/icon/svg/vehicle-towbar-box-outline.svg +1 -0
  9. package/dist/collection/components/icon/svg/vehicle-towbar-box-solid.svg +1 -0
  10. package/dist/collection/components/icon/svg/world-solid.svg +1 -1
  11. package/dist/collection/components/item/item.css +4 -2
  12. package/dist/collection/components/tab-bar/tab-bar.css +1 -1
  13. package/dist/esm/index-891decf5.js.map +1 -1
  14. package/dist/esm/road-badge_14.entry.js +1 -1
  15. package/dist/esm/road-badge_14.entry.js.map +1 -1
  16. package/dist/esm/road-tab-bar.entry.js +1 -1
  17. package/dist/esm/road-tab-bar.entry.js.map +1 -1
  18. package/dist/icons/icons.svg +1 -1
  19. package/dist/icons/index.d.ts +3 -0
  20. package/dist/icons/index.js +4 -1
  21. package/dist/roadtrip/{p-afe28f05.entry.js → p-2e25c08d.entry.js} +2 -2
  22. package/dist/roadtrip/{p-afe28f05.entry.js.map → p-2e25c08d.entry.js.map} +1 -1
  23. package/dist/roadtrip/p-73fe2357.js.map +1 -1
  24. package/dist/roadtrip/p-e214386f.entry.js +2 -0
  25. package/dist/roadtrip/p-e214386f.entry.js.map +1 -0
  26. package/dist/roadtrip/roadtrip.esm.js +1 -1
  27. package/dist/roadtrip/svg/vehicle-towbar-box-color.svg +1 -0
  28. package/dist/roadtrip/svg/vehicle-towbar-box-outline.svg +1 -0
  29. package/dist/roadtrip/svg/vehicle-towbar-box-solid.svg +1 -0
  30. package/dist/roadtrip/svg/world-solid.svg +1 -1
  31. package/hydrate/index.js +2 -2
  32. package/icons/icons.svg +1 -1
  33. package/icons/index.d.ts +3 -0
  34. package/icons/index.js +4 -1
  35. package/package.json +1 -1
  36. package/dist/roadtrip/p-b65f0a62.entry.js +0 -2
  37. package/dist/roadtrip/p-b65f0a62.entry.js.map +0 -1
package/icons/index.d.ts CHANGED
@@ -1887,6 +1887,9 @@ export declare const vehicleTiresOutline: string
1887
1887
  export declare const vehicleTiresSolidColor: string
1888
1888
  export declare const vehicleTiresSolid: string
1889
1889
  export declare const vehicleTires: string
1890
+ export declare const vehicleTowbarBoxColor: string
1891
+ export declare const vehicleTowbarBoxOutline: string
1892
+ export declare const vehicleTowbarBoxSolid: string
1890
1893
  export declare const vehicleTractorColor: string
1891
1894
  export declare const vehicleTractorOutline: string
1892
1895
  export declare const vehicleTractorSolid: string
package/icons/index.js CHANGED
@@ -1887,6 +1887,9 @@ export const vehicleTiresOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64
1887
1887
  export const vehicleTiresSolidColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M48.36 20.01h-2.72v-9.66c0-4.69-3.81-8.5-8.5-8.5H26.78c-4.69 0-8.5 3.81-8.5 8.5v9.66h-2.72a1.25 1.25 0 0 0 0 2.5h2.72v31.78c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V22.51h2.72a1.25 1.25 0 0 0 0-2.5ZM23.75 42.24h-2.5v-14.4h2.5v14.4Zm8.21 6.84c-3.17 0-5.91-.47-7.42-.89.08-1.17.31-2.57.68-3.73 1.67.49 4.19.91 6.73.91s5.06-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.25.89-7.42.89h.02Zm10.71-6.84h-2.5v-14.4h2.5v14.4Zm-3.56-16.97c-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.38h-.02Z"/><path d="M12.31 6.52h-.58a3.46 3.46 0 0 0-3.46 3.46v6.58a3.46 3.46 0 0 0 3.46 3.46h.58a3.46 3.46 0 0 0 3.46-3.46V9.98a3.46 3.46 0 0 0-3.46-3.46Zm39.88 0h-.58a3.46 3.46 0 0 0-3.46 3.46v6.58a3.46 3.46 0 0 0 3.46 3.46h.58a3.46 3.46 0 0 0 3.46-3.46V9.98a3.46 3.46 0 0 0-3.46-3.46ZM12.31 41.99h-.58a3.46 3.46 0 0 0-3.46 3.46v6.58a3.46 3.46 0 0 0 3.46 3.46h.58a3.46 3.46 0 0 0 3.46-3.46v-6.58a3.46 3.46 0 0 0-3.46-3.46Zm39.88 0h-.58a3.46 3.46 0 0 0-3.46 3.46v6.58a3.46 3.46 0 0 0 3.46 3.46h.58a3.46 3.46 0 0 0 3.46-3.46v-6.58a3.46 3.46 0 0 0-3.46-3.46Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
1888
1888
  export const vehicleTiresSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M48.36 20.01h-2.72v-9.66c0-4.69-3.81-8.5-8.5-8.5H26.78c-4.69 0-8.5 3.81-8.5 8.5v9.66h-2.72a1.25 1.25 0 0 0 0 2.5h2.72v31.78c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V22.51h2.72a1.25 1.25 0 0 0 0-2.5ZM23.75 42.24h-2.5v-14.4h2.5v14.4Zm8.21 6.84c-3.17 0-5.91-.47-7.42-.89.08-1.17.31-2.57.68-3.73 1.67.49 4.19.91 6.73.91s5.06-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.25.89-7.42.89h.02Zm10.71-6.84h-2.5v-14.4h2.5v14.4Zm-3.56-16.97c-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.38h-.02Z"/><path d="M12.31 6.52h-.58a3.46 3.46 0 0 0-3.46 3.46v6.58a3.46 3.46 0 0 0 3.46 3.46h.58a3.46 3.46 0 0 0 3.46-3.46V9.98a3.46 3.46 0 0 0-3.46-3.46Zm39.88 0h-.58a3.46 3.46 0 0 0-3.46 3.46v6.58a3.46 3.46 0 0 0 3.46 3.46h.58a3.46 3.46 0 0 0 3.46-3.46V9.98a3.46 3.46 0 0 0-3.46-3.46ZM12.31 41.99h-.58a3.46 3.46 0 0 0-3.46 3.46v6.58a3.46 3.46 0 0 0 3.46 3.46h.58a3.46 3.46 0 0 0 3.46-3.46v-6.58a3.46 3.46 0 0 0-3.46-3.46Zm39.88 0h-.58a3.46 3.46 0 0 0-3.46 3.46v6.58a3.46 3.46 0 0 0 3.46 3.46h.58a3.46 3.46 0 0 0 3.46-3.46v-6.58a3.46 3.46 0 0 0-3.46-3.46Z"/></svg>'
1889
1889
  export const vehicleTires = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M47.7 24.182h-1.8V11.029c0-2.711-.749-9.891-13.828-9.891s-13.826 7.18-13.828 9.891v13.153h-1.828a1.5 1.5 0 0 0 0 3h1.823v26.857c0 2.71 1.949 8.823 13.828 8.823S45.9 56.75 45.9 54.039V27.182h1.8a1.5 1.5 0 1 0 0-3zM22.419 52.758a186.12 186.12 0 0 1 1.58-4.7 47.616 47.616 0 0 0 16.136 0 187.383 187.383 0 0 1 1.581 4.7 40.749 40.749 0 0 1-19.3 0zm17.1-21.835a50.679 50.679 0 0 0-14.909 0 423.126 423.126 0 0 1-2.814-8.5 18.577 18.577 0 0 1 20.537 0 409.125 409.125 0 0 1-2.811 8.5z"/><rect rx="1.981" transform="translate(11.104 10.106)"/><rect rx="1.981" transform="translate(47.896 10.106)"/><rect rx="1.981" transform="translate(11.104 42.884)"/><rect rx="1.981" transform="translate(47.896 42.884)"/></svg>'
1890
+ export const vehicleTowbarBoxColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M55.731 50.622a5.145 5.145 0 0 1-9.322.008H29.106a5.145 5.145 0 0 1-9.381-.139l-2.287-.342a3.579 3.579 0 0 1-1.888-.9l-4.168-.007c-.05.005-.101.008-.154.008h-1.25v-.008H4.775c-.773 0-1.2-.562-1.353-.8a3.488 3.488 0 0 1-.4-.958c-.178-.65-.272-1.478-.272-2.34 0-1.626.238-3.34.804-4.699.546-1.311 1.598-2.695 3.383-2.695h3.859c.831 0 1.316.605 1.52.924.242.377.413.84.537 1.299.255.937.397 2.16.397 3.46v1.718c0 .558-.04 1.103-.116 1.594l1.25.002a3.647 3.647 0 0 1 .004-.351v-.001l.312-5.529v-.003a5.935 5.935 0 0 1 2.606-4.577l.912-.613 2.106-3.121v-.001a8.265 8.265 0 0 1 6.717-3.644l9.863-.156c2.35-.035 4.649.716 6.523 2.14l4.55 3.45c1.078.82 2.388 1.325 3.784 1.517 2.236.308 4.5.858 6.8 1.627h.002a5.934 5.934 0 0 1 4.037 5.617v4.876c0 .941-.645 1.765-1.572 1.974l-.007.002-2.877.668h-2.413ZM37.18 31.251l1.196 4.153 7.032.126-3.49-2.648a8.025 8.025 0 0 0-4.738-1.631Zm13.091 6.866-22.876-.409h-.002a2.8 2.8 0 0 1-2.626-3.655l.766-2.407a5.751 5.751 0 0 0-3.134 2.3l-2.38 3.53-1.317.884a3.435 3.435 0 0 0-1.505 2.649v.001l-.312 5.53c-.032.56.369 1.053.923 1.137l1.522.227a5.147 5.147 0 0 1 10.251.226h16.354a5.145 5.145 0 0 1 10.269-.008h1.654l2.243-.52v-4.5c0-1.465-.943-2.78-2.334-3.247-2.17-.726-4.283-1.236-6.346-1.52-.386-.053-.77-.126-1.15-.218Zm-22.032-6.729 6.35-.1 1.172 4.07-8.324-.15h-.004a.3.3 0 0 1-.285-.394l.001-.003a2804 2804 0 0 1 .886-2.782l.204-.64Zm-3.793 14.413a2.677 2.677 0 0 0-1.134.255 2.645 2.645 0 1 0 1.134-.255Zm26.623 0a2.645 2.645 0 1 0 0 5.289 2.645 2.645 0 0 0 0-5.29Zm-40.318-.642h-5.5c.001.648.07 1.203.162 1.583h5.179c.091-.383.159-.939.159-1.583Zm-.31-4.531c.14.513.247 1.216.29 2.031H5.488c.097-.465.222-.889.373-1.252.416-.997.832-1.157 1.076-1.157h3.382c.037.096.08.22.122.378Zm-.248-.633.013.018-.014-.018Z" /><path d="M57.72 40.59v2.5h4.88a5.907 5.907 0 0 0-.56-2.5h-4.32ZM14.7 40.867l-.057 1.008h4.623v-2.5H14.98c-.155.478-.25.978-.28 1.488v.004Z" fill="rgb(233, 155, 41)"/></svg>'
1891
+ export const vehicleTowbarBoxOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M55.731 50.622a5.145 5.145 0 0 1-9.322.008H29.106a5.145 5.145 0 0 1-9.381-.139l-2.287-.342a3.579 3.579 0 0 1-1.888-.9l-4.168-.007c-.05.005-.101.008-.154.008h-1.25v-.008H4.775c-.773 0-1.2-.562-1.353-.8a3.488 3.488 0 0 1-.4-.958c-.178-.65-.272-1.478-.272-2.34 0-1.626.238-3.34.804-4.699.546-1.311 1.598-2.695 3.383-2.695h3.859c.831 0 1.316.605 1.52.924.242.377.413.84.537 1.299.255.937.397 2.16.397 3.46v1.718c0 .558-.04 1.103-.116 1.594l1.25.002a3.647 3.647 0 0 1 .004-.351v-.001l.312-5.529v-.003a5.935 5.935 0 0 1 2.606-4.577l.912-.613 2.106-3.121v-.001a8.265 8.265 0 0 1 6.717-3.644l9.863-.156c2.35-.035 4.649.716 6.523 2.14l4.55 3.45c1.078.82 2.388 1.325 3.784 1.517 2.236.308 4.5.858 6.8 1.627h.002a5.934 5.934 0 0 1 4.037 5.617v4.876c0 .941-.645 1.765-1.572 1.974l-.007.002-2.877.668h-2.413ZM37.18 31.251l1.196 4.153 7.032.126-3.49-2.648a8.025 8.025 0 0 0-4.738-1.631Zm13.091 6.866-22.876-.409h-.002a2.8 2.8 0 0 1-2.626-3.655l.766-2.407a5.751 5.751 0 0 0-3.134 2.3l-2.38 3.53-1.317.884a3.435 3.435 0 0 0-1.505 2.649v.001l-.312 5.53c-.032.56.369 1.053.923 1.137l1.522.227a5.147 5.147 0 0 1 10.251.226h16.354a5.145 5.145 0 0 1 10.269-.008h1.654l2.243-.52v-4.5c0-1.465-.943-2.78-2.334-3.247-2.17-.726-4.283-1.236-6.346-1.52-.386-.053-.77-.126-1.15-.218Zm-22.032-6.729 6.35-.1 1.172 4.07-8.324-.15h-.004a.3.3 0 0 1-.285-.394l.001-.003a2804 2804 0 0 1 .886-2.782l.204-.64Zm-3.793 14.413a2.677 2.677 0 0 0-1.134.255 2.645 2.645 0 1 0 1.134-.255Zm26.623 0a2.645 2.645 0 1 0 0 5.289 2.645 2.645 0 0 0 0-5.29Zm-40.318-.642h-5.5c.001.648.07 1.203.162 1.583h5.179c.091-.383.159-.939.159-1.583Zm-.31-4.531c.14.513.247 1.216.29 2.031H5.488c.097-.465.222-.889.373-1.252.416-.997.832-1.157 1.076-1.157h3.382c.037.096.08.22.122.378Zm-.248-.633.013.018-.014-.018Z" /><path d="M57.72 40.59v2.5h4.88a5.907 5.907 0 0 0-.56-2.5h-4.32ZM14.7 40.867l-.057 1.008h4.623v-2.5H14.98c-.155.478-.25.978-.28 1.488v.004Z" /></svg>'
1892
+ export const vehicleTowbarBoxSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="m19.724 50.491-2.287-.342a3.578 3.578 0 0 1-1.894-.907H11.38c-.05.005-.101.008-.154.008h-1.25v-.008H4.775c-.773 0-1.2-.562-1.353-.8a3.488 3.488 0 0 1-.4-.958c-.178-.65-.272-1.478-.272-2.34 0-1.626.238-3.34.804-4.699.546-1.311 1.598-2.695 3.383-2.695h3.859c.831 0 1.316.605 1.52.924.242.377.413.84.537 1.299.255.937.397 2.16.397 3.46v1.718c0 .558-.04 1.103-.116 1.594l1.25-.001a3.618 3.618 0 0 1 .004-.348v-.001l.312-5.529-.057 1.01h4.623v-2.5H14.98a5.934 5.934 0 0 1 2.326-3.09l.912-.613 2.106-3.121a8.266 8.266 0 0 1 6.717-3.645l9.863-.156c2.35-.035 4.649.716 6.523 2.14l4.55 3.45c1.078.82 2.388 1.325 3.784 1.518 2.236.307 4.5.857 6.8 1.626h.002a5.93 5.93 0 0 1 3.477 3.105h-4.32v2.5h4.88v4.888c0 .941-.645 1.765-1.572 1.974l-.007.002-2.877.668h-2.413a5.145 5.145 0 0 1-9.326-.001l-17.295-.003a5.145 5.145 0 0 1-9.386-.127Zm3.212.126c.428.298.948.473 1.51.473a2.642 2.642 0 0 0 2.645-2.645 2.645 2.645 0 1 0-4.155 2.172Zm30.777-2.171a2.642 2.642 0 0 1-2.645 2.644 2.642 2.642 0 0 1-2.645-2.645 2.644 2.644 0 1 1 5.29 0ZM41.916 32.882l3.491 2.648-7.032-.126-1.196-4.153a8.027 8.027 0 0 1 4.737 1.63Zm-13.678-1.494 6.35-.1 1.172 4.07-8.324-.15h-.004a.3.3 0 0 1-.285-.394v-.003l.887-2.782.204-.64ZM5.412 46.742h5.179c.091-.383.159-.939.159-1.583h-5.5c.001.648.07 1.203.162 1.583Zm5.029-6.114c.139.513.246 1.216.289 2.031H5.488c.097-.465.222-.889.373-1.252.416-.997.832-1.157 1.076-1.157h3.382c.037.096.08.22.122.378Zm-.25-.633.014.018a.14.14 0 0 1-.014-.018Z" /></svg>'
1890
1893
  export const vehicleTractorColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.15 44.09a3.93 3.93 0 1 0 .001 7.861 3.93 3.93 0 0 0 0-7.861Zm0 5.36a1.43 1.43 0 1 1 0-2.86 1.43 1.43 0 0 1 0 2.86Zm-9.47-17.58h-2.5v5.43h2.5v-5.43Zm4.29 0h-2.5v5.43h2.5v-5.43Zm-19.53 9.36 1.46-.84-1.25-2.17-1.47.85a11.19 11.19 0 0 0-2.38-2.38l.85-1.47-2.16-1.25-.84 1.46c-1.02-.45-2.11-.75-3.25-.87v-1.68h-2.5v1.68c-1.15.13-2.24.43-3.25.87l-.84-1.46-2.17 1.25.85 1.47c-.91.67-1.71 1.47-2.38 2.38l-1.47-.85-1.25 2.17 1.46.84c-.45 1.02-.75 2.11-.87 3.25H4.3v2.5h1.68c.13 1.15.43 2.24.87 3.25l-1.46.84 1.25 2.17 1.47-.85c.67.91 1.47 1.71 2.38 2.38l-.85 1.47 2.17 1.25.84-1.46c1.02.45 2.11.75 3.25.87v1.68h2.5V56.9c1.15-.13 2.24-.43 3.25-.87l.84 1.46 2.16-1.25-.85-1.47c.91-.67 1.71-1.47 2.38-2.38l1.47.85 1.25-2.17-1.46-.84c.45-1.02.75-2.11.87-3.25h1.68v-2.5h-1.68c-.13-1.15-.43-2.24-.87-3.25Zm-10.3 13.25c-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75 8.75 3.92 8.75 8.75-3.92 8.75-8.75 8.75Z"/><path d="M17.14 40.19a5.54 5.54 0 1 0 5.54 5.54 5.54 5.54 0 0 0-5.54-5.54Zm0 8.57c-1.67 0-3.04-1.36-3.04-3.04s1.36-3.04 3.04-3.04 3.04 1.36 3.04 3.04-1.36 3.04-3.04 3.04Z"/><path d="m55.76 40.05.78-3.6-.34-1.61h-2.56l.34 1.6-.63 2.91c-.39-.05-.79-.09-1.2-.09-3.6 0-6.69 2.18-8.03 5.29h-9.78a17.12 17.12 0 0 0-5-11.02 17.132 17.132 0 0 0-16.38-4.52v-1.35c0-.3.15-.58.4-.74l1.95-1.3h8.37c.23 0 .45.1.59.29l3.33 4.22c.43.54 1.07.86 1.77.86h5.15c.62 0 1.23-.26 1.65-.72l1.31-1.42h13.66c.7 0 1.32.5 1.46 1.18l.5 2.32h2.56l-.61-2.85a4.02 4.02 0 0 0-3.91-3.16h-3.03v-4.11c0-1.22-.95-2.21-2.14-2.3v-2.79c0-.41.34-.75.75-.75h1.35v-2.5h-1.35c-1.79 0-3.25 1.46-3.25 3.25v2.79c-1.2.09-2.14 1.08-2.14 2.3v4.11h-3.51l-5.13-14.65h1.45a1.25 1.25 0 0 0 0-2.5H19.2a4.25 4.25 0 0 0-4.22 3.76l-1.23 10.7-1.78 1.19c-.95.63-1.51 1.69-1.51 2.82v2.16c-2.04.86-3.91 2.1-5.52 3.71l1.77 1.77c2.79-2.79 6.49-4.32 10.43-4.32 3.94 0 7.65 1.53 10.43 4.32 2.78 2.79 4.34 6.53 4.32 10.5v4.18h2.5v-2.93h9.06c-.03.32-.06.64-.06.96 0 4.83 3.93 8.75 8.75 8.75s8.75-3.93 8.75-8.75c0-3.54-2.11-6.58-5.14-7.96h.01ZM43.83 22.4h1.79v3.93h-1.79V22.4ZM22.65 11.69h7.39l5.46 15.6-1.1 1.19h-4.92l-3.26-4.12a3.222 3.222 0 0 0-2.55-1.24h-2.34l1.32-11.43Zm-5.18 1.55c.1-.88.85-1.55 1.74-1.55h.92l-1.32 11.43h-2.48l1.14-9.88Zm34.68 41.03c-3.45 0-6.25-2.8-6.25-6.25s2.8-6.25 6.25-6.25 6.25 2.8 6.25 6.25-2.8 6.25-6.25 6.25Z"/><path d="M56.19 34.84h-6.16v-2.5h5.63l.53 2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
1891
1894
  export const vehicleTractorOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.15 44.09a3.93 3.93 0 1 0 .001 7.861 3.93 3.93 0 0 0 0-7.861Zm0 5.36a1.43 1.43 0 1 1 0-2.86 1.43 1.43 0 0 1 0 2.86Zm-9.47-17.58h-2.5v5.43h2.5v-5.43Zm4.29 0h-2.5v5.43h2.5v-5.43Zm-19.53 9.36 1.46-.84-1.25-2.17-1.47.85a11.19 11.19 0 0 0-2.38-2.38l.85-1.47-2.16-1.25-.84 1.46c-1.02-.45-2.11-.75-3.25-.87v-1.68h-2.5v1.68c-1.15.13-2.24.43-3.25.87l-.84-1.46-2.17 1.25.85 1.47c-.91.67-1.71 1.47-2.38 2.38l-1.47-.85-1.25 2.17 1.46.84c-.45 1.02-.75 2.11-.87 3.25H4.3v2.5h1.68c.13 1.15.43 2.24.87 3.25l-1.46.84 1.25 2.17 1.47-.85c.67.91 1.47 1.71 2.38 2.38l-.85 1.47 2.17 1.25.84-1.46c1.02.45 2.11.75 3.25.87v1.68h2.5V56.9c1.15-.13 2.24-.43 3.25-.87l.84 1.46 2.16-1.25-.85-1.47c.91-.67 1.71-1.47 2.38-2.38l1.47.85 1.25-2.17-1.46-.84c.45-1.02.75-2.11.87-3.25h1.68v-2.5h-1.68c-.13-1.15-.43-2.24-.87-3.25Zm-10.3 13.25c-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75 8.75 3.92 8.75 8.75-3.92 8.75-8.75 8.75Z"/><path d="M17.14 40.19a5.54 5.54 0 1 0 5.54 5.54 5.54 5.54 0 0 0-5.54-5.54Zm0 8.57c-1.67 0-3.04-1.36-3.04-3.04s1.36-3.04 3.04-3.04 3.04 1.36 3.04 3.04-1.36 3.04-3.04 3.04Z"/><path d="m55.76 40.05.78-3.6-.34-1.61h-2.56l.34 1.6-.63 2.91c-.39-.05-.79-.09-1.2-.09-3.6 0-6.69 2.18-8.03 5.29h-9.78a17.12 17.12 0 0 0-5-11.02 17.132 17.132 0 0 0-16.38-4.52v-1.35c0-.3.15-.58.4-.74l1.95-1.3h8.37c.23 0 .45.1.59.29l3.33 4.22c.43.54 1.07.86 1.77.86h5.15c.62 0 1.23-.26 1.65-.72l1.31-1.42h13.66c.7 0 1.32.5 1.46 1.18l.5 2.32h2.56l-.61-2.85a4.02 4.02 0 0 0-3.91-3.16h-3.03v-4.11c0-1.22-.95-2.21-2.14-2.3v-2.79c0-.41.34-.75.75-.75h1.35v-2.5h-1.35c-1.79 0-3.25 1.46-3.25 3.25v2.79c-1.2.09-2.14 1.08-2.14 2.3v4.11h-3.51l-5.13-14.65h1.45a1.25 1.25 0 0 0 0-2.5H19.2a4.25 4.25 0 0 0-4.22 3.76l-1.23 10.7-1.78 1.19c-.95.63-1.51 1.69-1.51 2.82v2.16c-2.04.86-3.91 2.1-5.52 3.71l1.77 1.77c2.79-2.79 6.49-4.32 10.43-4.32 3.94 0 7.65 1.53 10.43 4.32 2.78 2.79 4.34 6.53 4.32 10.5v4.18h2.5v-2.93h9.06c-.03.32-.06.64-.06.96 0 4.83 3.93 8.75 8.75 8.75s8.75-3.93 8.75-8.75c0-3.54-2.11-6.58-5.14-7.96h.01ZM43.83 22.4h1.79v3.93h-1.79V22.4ZM22.65 11.69h7.39l5.46 15.6-1.1 1.19h-4.92l-3.26-4.12a3.222 3.222 0 0 0-2.55-1.24h-2.34l1.32-11.43Zm-5.18 1.55c.1-.88.85-1.55 1.74-1.55h.92l-1.32 11.43h-2.48l1.14-9.88Zm34.68 41.03c-3.45 0-6.25-2.8-6.25-6.25s2.8-6.25 6.25-6.25 6.25 2.8 6.25 6.25-2.8 6.25-6.25 6.25Z"/><path d="M56.19 34.84h-6.16v-2.5h5.63l.53 2.5Z"/></svg>'
1892
1895
  export const vehicleTractorSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.15 39.26c-4.83 0-8.75 3.93-8.75 8.75s3.93 8.75 8.75 8.75 8.75-3.93 8.75-8.75-3.93-8.75-8.75-8.75Zm0 11.43a2.68 2.68 0 1 1 0-5.36 2.68 2.68 0 0 1 0 5.36ZM30 46.98v-2.5h-1.68c-.13-1.15-.43-2.24-.87-3.25l1.46-.84-1.25-2.16-1.47.85a11.19 11.19 0 0 0-2.38-2.38l.85-1.47-2.16-1.25-.84 1.46c-1.02-.45-2.11-.75-3.25-.87v-1.68h-2.5v1.68c-1.15.13-2.24.43-3.25.87l-.84-1.46-2.17 1.25.85 1.47c-.91.67-1.71 1.47-2.38 2.38l-1.47-.85-1.25 2.16 1.46.84c-.45 1.02-.75 2.11-.87 3.25H4.31v2.5h1.68c.13 1.15.43 2.24.87 3.25l-1.46.84 1.25 2.17 1.47-.85c.67.91 1.47 1.71 2.38 2.38l-.85 1.47 2.17 1.25.84-1.46c1.02.45 2.11.75 3.25.87v1.68h2.5V56.9c1.15-.13 2.24-.43 3.25-.87l.84 1.46 2.16-1.25-.85-1.47c.91-.67 1.71-1.47 2.38-2.38l1.47.85 1.25-2.17-1.46-.84c.45-1.02.75-2.11.87-3.25H30Zm-12.86 3.04a4.29 4.29 0 0 1-4.29-4.29 4.29 4.29 0 0 1 4.29-4.29 4.29 4.29 0 0 1 4.29 4.29 4.29 4.29 0 0 1-4.29 4.29Z"/><path d="M52.15 36.76c1.47 0 2.86.29 4.15.8l.24-1.12-.34-1.61h-5.17v-2.5h4.63l-.61-2.85a4.02 4.02 0 0 0-3.91-3.16h-3.03v-4.11c0-1.22-.95-2.21-2.14-2.3v-2.79c0-.41.34-.75.75-.75h1.35v-2.5h-1.35c-1.79 0-3.25 1.46-3.25 3.25v2.79c-1.2.09-2.14 1.08-2.14 2.3v4.11h-3.51l-5.13-14.65h1.45a1.25 1.25 0 0 0 0-2.5H19.2a4.25 4.25 0 0 0-4.22 3.76l-1.23 10.7-1.78 1.18c-.95.63-1.51 1.69-1.51 2.82v2.16c-2.04.86-3.91 2.1-5.52 3.71l1.77 1.77c5.75-5.75 15.11-5.75 20.86 0 2.8 2.8 4.34 6.53 4.32 10.5v4.18h2.5v-2.93h6.55c.49-5.75 5.32-10.29 11.2-10.29l.01.03Zm-7.68-4.89h2.5v3.43h-2.5v-3.43Zm-25.66-8.75h-2.48l1.14-9.88c.1-.88.85-1.55 1.74-1.55h.92l-1.32 11.43Zm15.59 5.36h-4.92l-3.26-4.12a3.242 3.242 0 0 0-2.55-1.23h-2.34l1.32-11.43h7.39l5.46 15.6-1.1 1.19v-.01Zm5.78 3.39h2.5v5.43h-2.5v-5.43Z"/></svg>'
@@ -2068,7 +2071,7 @@ export const workOrderWaitToApproveOutline = 'data:image/svg+xml;utf8,<svg viewB
2068
2071
  export const workOrderWaitToApproveSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M44.78 60.806H15.25a1.25 1.25 0 1 1 0-2.5h29.53a1.25 1.25 0 0 1 0 2.5Zm.29-26.19-.92-.68c-4.28-3.17-4.2-3.38-2.68-8.05a39.41 39.41 0 0 1 3.69-7.8 22.628 22.628 0 0 0 2.59-5.53 7.8 7.8 0 0 0-15.07-4 23.313 23.313 0 0 0-.51 6.08c.09 2.88-.146 5.762-.7 8.59-1 4.84-1.06 5-6.34 5.63l-1.18.11c-4.73.52-7.86.86-8.95 4.93l-2 7.53 2.53.68v.18a5.9 5.9 0 0 0 4.15 7.27l18.85 5a5.9 5.9 0 0 0 7.23-4.18v-.17l2.53.68 2-7.54c1.16-4.05-1.34-5.91-5.22-8.73Zm-11.86 12.22-15.26-4.08.65-2.42h-.05l15.31 4.1-.65 2.4Zm10.18 2.72-3.85-1 .64-2.42 3.86 1-.65 2.42Z"/></svg>'
2069
2072
  export const worldColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M41.56 32.25c0 10.413-2.952 19.843-7.045 22.637a22.56 22.56 0 0 0 4.237-.84c3.265-4.625 5.308-12.678 5.308-21.8 0-9.12-2.043-17.17-5.31-21.795a22.579 22.579 0 0 0-4.237-.84c4.095 2.795 7.047 12.226 7.047 22.638Zm-18.619 0c0-10.412 2.951-19.843 7.043-22.637a22.572 22.572 0 0 0-4.236.839c-3.265 4.626-5.307 12.679-5.307 21.8 0 9.12 2.042 17.172 5.307 21.8 1.382.414 2.8.695 4.236.839-4.092-2.798-7.043-12.23-7.043-22.641Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M53.658 24.556a22.422 22.422 0 0 0-1.079-2.5H11.921c-.41.81-.77 1.646-1.079 2.5h42.816ZM10.842 39.943c.309.854.67 1.689 1.079 2.5h40.658c.41-.81.77-1.646 1.079-2.5H10.842Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M32.25 57.5A25.278 25.278 0 0 1 7 32.25 25.278 25.278 0 0 1 32.25 7 25.278 25.278 0 0 1 57.5 32.25 25.278 25.278 0 0 1 32.25 57.5Zm0-48A22.776 22.776 0 0 0 9.5 32.25 22.776 22.776 0 0 0 32.25 55 22.775 22.775 0 0 0 55 32.25 22.776 22.776 0 0 0 32.25 9.5Z"/></svg>'
2070
2073
  export const worldOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M41.56 32.25c0 10.413-2.952 19.843-7.045 22.637a22.56 22.56 0 0 0 4.237-.84c3.265-4.625 5.308-12.678 5.308-21.8 0-9.12-2.043-17.17-5.31-21.795a22.579 22.579 0 0 0-4.237-.84c4.095 2.795 7.047 12.226 7.047 22.638Zm-18.619 0c0-10.412 2.951-19.843 7.043-22.637a22.572 22.572 0 0 0-4.236.839c-3.265 4.626-5.307 12.679-5.307 21.8 0 9.12 2.042 17.172 5.307 21.8 1.382.414 2.8.695 4.236.839-4.092-2.798-7.043-12.23-7.043-22.641Z"/><path d="M53.658 24.556a22.422 22.422 0 0 0-1.079-2.5H11.921c-.41.81-.77 1.646-1.079 2.5h42.816ZM10.842 39.943c.309.854.67 1.689 1.079 2.5h40.658c.41-.81.77-1.646 1.079-2.5H10.842Z"/><path d="M32.25 57.5A25.278 25.278 0 0 1 7 32.25 25.278 25.278 0 0 1 32.25 7 25.278 25.278 0 0 1 57.5 32.25 25.278 25.278 0 0 1 32.25 57.5Zm0-48A22.776 22.776 0 0 0 9.5 32.25 22.776 22.776 0 0 0 32.25 55 22.775 22.775 0 0 0 55 32.25 22.776 22.776 0 0 0 32.25 9.5Z"/></svg>'
2071
- export const worldSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M23.488 39.943h17.524c.355-2.437.548-5.033.548-7.693 0-2.66-.193-5.256-.548-7.694H23.49a53.653 53.653 0 0 0-.548 7.694c0 2.66.193 5.255.547 7.693Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M14.404 50.096A25.278 25.278 0 0 0 32.25 57.5 25.278 25.278 0 0 0 57.5 32.25 25.278 25.278 0 0 0 32.25 7 25.278 25.278 0 0 0 7 32.25a25.278 25.278 0 0 0 7.404 17.846Zm15.58-40.483c-2.68 1.83-4.871 6.508-6.064 12.443h16.66c-1.193-5.935-3.385-10.613-6.067-12.443a22.58 22.58 0 0 1 4.237.839c1.972 2.793 3.499 6.833 4.398 11.604h9.431c.41.81.77 1.646 1.079 2.5H43.553c.331 2.432.507 5.016.507 7.692 0 2.677-.176 5.262-.507 7.695h10.105c-.309.855-.669 1.69-1.079 2.5h-9.43c-.9 4.771-2.426 8.813-4.397 11.605a22.555 22.555 0 0 1-4.237.839c2.681-1.83 4.873-6.508 6.066-12.444H23.92c1.192 5.936 3.383 10.615 6.063 12.448a22.56 22.56 0 0 1-4.236-.839c-1.971-2.794-3.497-6.837-4.396-11.609H11.92a22.55 22.55 0 0 1-1.079-2.5h10.105a57.273 57.273 0 0 1-.506-7.691c0-2.677.176-5.262.507-7.696H10.842c.31-.854.67-1.689 1.079-2.5h9.431c.9-4.77 2.425-8.812 4.396-11.604 1.382-.414 2.8-.695 4.236-.839Z" /></svg>'
2074
+ export const worldSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M23.488 39.943h17.524c.355-2.437.548-5.033.548-7.693 0-2.66-.193-5.256-.548-7.694H23.49a53.653 53.653 0 0 0-.548 7.694c0 2.66.193 5.255.547 7.693Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.404 50.096A25.278 25.278 0 0 0 32.25 57.5 25.278 25.278 0 0 0 57.5 32.25 25.278 25.278 0 0 0 32.25 7 25.278 25.278 0 0 0 7 32.25a25.278 25.278 0 0 0 7.404 17.846Zm15.58-40.483c-2.68 1.83-4.871 6.508-6.064 12.443h16.66c-1.193-5.935-3.385-10.613-6.067-12.443a22.58 22.58 0 0 1 4.237.839c1.972 2.793 3.499 6.833 4.398 11.604h9.431c.41.81.77 1.646 1.079 2.5H43.553c.331 2.432.507 5.016.507 7.692 0 2.677-.176 5.262-.507 7.695h10.105c-.309.855-.669 1.69-1.079 2.5h-9.43c-.9 4.771-2.426 8.813-4.397 11.605a22.555 22.555 0 0 1-4.237.839c2.681-1.83 4.873-6.508 6.066-12.444H23.92c1.192 5.936 3.383 10.615 6.063 12.448a22.56 22.56 0 0 1-4.236-.839c-1.971-2.794-3.497-6.837-4.396-11.609H11.92a22.55 22.55 0 0 1-1.079-2.5h10.105a57.273 57.273 0 0 1-.506-7.691c0-2.677.176-5.262.507-7.696H10.842c.31-.854.67-1.689 1.079-2.5h9.431c.9-4.77 2.425-8.812 4.396-11.604 1.382-.414 2.8-.695 4.236-.839Z"/></svg>'
2072
2075
  export const world = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M41.31 32c0 10.413-2.952 19.843-7.045 22.637a22.562 22.562 0 0 0 4.237-.839c3.265-4.626 5.308-12.679 5.308-21.8s-2.043-17.17-5.31-21.796a22.578 22.578 0 0 0-4.237-.839C38.358 12.157 41.31 21.588 41.31 32Zm-18.619 0c0-10.412 2.951-19.843 7.043-22.637a22.567 22.567 0 0 0-4.236.839c-3.265 4.626-5.307 12.679-5.307 21.8s2.042 17.172 5.307 21.8a22.567 22.567 0 0 0 4.236.839C25.642 51.843 22.691 42.412 22.691 32Z"/><path d="M53.408 24.306a22.45 22.45 0 0 0-1.079-2.5H11.671a22.638 22.638 0 0 0-1.079 2.5ZM10.592 39.693a22.556 22.556 0 0 0 1.079 2.5h40.658a22.369 22.369 0 0 0 1.079-2.5Z"/><path d="M32 57.25A25.278 25.278 0 0 1 6.75 32 25.278 25.278 0 0 1 32 6.75 25.278 25.278 0 0 1 57.25 32 25.278 25.278 0 0 1 32 57.25Zm0-48A22.776 22.776 0 0 0 9.25 32 22.776 22.776 0 0 0 32 54.75 22.775 22.775 0 0 0 54.75 32 22.776 22.776 0 0 0 32 9.25Z"/></svg>'
2073
2076
  export const wrenchColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M10.076 60.403a6.076 6.076 0 0 1-4.3-10.373l28.665-28.66A13.284 13.284 0 0 1 49.677 4.254a2.462 2.462 0 0 1 1.26 4.155l-5.521 5.52 5.12 5.06 5.46-5.522a2.462 2.462 0 0 1 4.155 1.26 13.312 13.312 0 0 1-17.13 15.26L14.373 58.626a6.036 6.036 0 0 1-4.297 1.778ZM47.202 6.466a10.965 10.965 0 0 0-7.76 3.2 10.778 10.778 0 0 0-2.64 10.954 2.473 2.473 0 0 1-.589 2.517L7.548 51.803a3.573 3.573 0 0 0 0 5.057 3.658 3.658 0 0 0 5.057 0l28.663-28.664a2.467 2.467 0 0 1 2.517-.59 10.809 10.809 0 0 0 13.917-12.393l-5.46 5.544a2.46 2.46 0 0 1-3.473 0l-5.121-5.121a2.459 2.459 0 0 1 0-3.472l5.523-5.523a11.063 11.063 0 0 0-1.969-.175Z"/><path d="m13.018 53.25-1.768-1.768-1.768 1.768 1.768 1.768 1.768-1.768Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
2074
2077
  export const wrenchDualColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M13.753 63.57c-.87 0-1.74-.086-2.594-.254A2.461 2.461 0 0 1 9.9 59.16l5.52-5.521-5.12-5.058L4.84 54.1a2.46 2.46 0 0 1-4.156-1.26 13.308 13.308 0 0 1 17.13-15.258L37.607 17.8A13.28 13.28 0 0 1 52.841.684a2.465 2.465 0 0 1 1.26 4.155l-5.524 5.522 5.123 5.058 5.46-5.52a2.464 2.464 0 0 1 4.156 1.264 13.309 13.309 0 0 1-17.13 15.258L26.394 46.2a13.28 13.28 0 0 1-12.64 17.37ZM10.33 46.094a2.44 2.44 0 0 1 1.738.719l5.12 5.119a2.46 2.46 0 0 1 0 3.475l-5.522 5.522a11.01 11.01 0 0 0 9.726-3.03 10.779 10.779 0 0 0 2.646-10.955 2.472 2.472 0 0 1 .59-2.517l19.805-19.801a2.466 2.466 0 0 1 2.518-.59 10.807 10.807 0 0 0 13.913-12.393l-5.456 5.544a2.516 2.516 0 0 1-3.475 0l-5.118-5.118a2.456 2.456 0 0 1 0-3.474l5.52-5.521a10.982 10.982 0 0 0-9.726 3.023 10.78 10.78 0 0 0-2.646 10.956 2.474 2.474 0 0 1-.588 2.516L19.568 39.374a2.477 2.477 0 0 1-2.517.589A10.807 10.807 0 0 0 3.137 52.356l5.456-5.543a2.437 2.437 0 0 1 1.736-.72Z"/><path d="M26.58 38.67c-.32 0-.64-.12-.88-.37a1.25 1.25 0 0 1 0-1.77L36.53 25.7a1.25 1.25 0 0 1 1.77 0c.49.49.49 1.28 0 1.77L27.47 38.3c-.24.24-.56.37-.88.37h-.01Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@roadtrip/components",
3
- "version": "3.16.0",
3
+ "version": "3.17.0",
4
4
  "description": "Web Component library for Roadtrip Design System",
5
5
  "license": "Apache-2.0",
6
6
  "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",
@@ -1,2 +0,0 @@
1
- import{r as a,c as r,h as t,H as e,a as o}from"./p-f3d586b3.js";import"./p-1ccae339.js";const s=":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-grey-70);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){flex-grow:1}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";const n=class{constructor(t){a(this,t);this.roadtabbarchanged=r(this,"roadtabbarchanged",7);this.roadTabBarChanged=r(this,"roadTabBarChanged",7);this.secondary=false;this.expand=false;this.center=false;this.selectedTab=undefined}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadtabbarchanged.emit({tab:this.selectedTab});this.roadTabBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){const{expand:a,center:r,secondary:o}=this;return t(e,{role:"tablist",class:{"tab-expand":a,"tab-center":r,"tab-secondary":o}},t("slot",null))}get el(){return o(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};n.style=s;export{n as road_tab_bar};
2
- //# sourceMappingURL=p-b65f0a62.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["tabBarCss","TabBar","selectedTabChanged","this","selectedTab","undefined","roadtabbarchanged","emit","tab","roadTabBarChanged","componentWillLoad","render","expand","center","secondary","h","Host","role","class"],"sources":["src/components/tab-bar/tab-bar.css?tag=road-tab-bar&encapsulation=shadow","src/components/tab-bar/tab-bar.tsx"],"sourcesContent":["/*\n * Tab bar\n *\n */\n\n/**\n * @prop --tab-background: background color of the tab bar\n */\n\n\n:host {\n --tab-bar-background: var(--road-surface);\n --tab-color: var(--road-on-surface-weak);\n --tab-color-selected: var(--road-on-surface);\n --tab-underline-selected: var(--road-primary);\n --tab-background: var(--road-surface);\n --tab-background-hover: var(--road-surface-inverse);\n --tab-background-focused: var(--road-grey-70);\n\n display: flex;\n width: 100%;\n margin: 0;\n overflow: scroll;\n overflow-x: inherit;\n font-family: var(--road-font, sans-serif);\n line-height: 1.5;\n color: var(--road-on-surface-weak);\n list-style: none;\n background: var(--tab-bar-background);\n border-bottom: 1px solid var(--road-grey-70);\n fill: currentColor;\n scrollbar-width: none;\n}\n\n:host(::-webkit-scrollbar) {\n display: none;\n}\n\n:host(.tab-expand) ::slotted(road-tab-button) {\n flex-grow: 1;\n}\n\n:host(.tab-secondary) ::slotted(road-tab-button) {\n --tab-underline-selected: var(--road-secondary);\n}\n\n:host(.tab-center) {\n justify-content: center;\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport './../../utils/polyfill';\n\n/**\n * @slot - Content of the tabBar, it should be road-tab-button elements.\n */\n\n@Component({\n tag: 'road-tab-bar',\n styleUrl: 'tab-bar.css',\n shadow: true,\n})\nexport class TabBar {\n\n @Element() el!: HTMLRoadTabBarElement;\n\n /**\n * The color to use the color Secondary from your application's color palette.\n */\n @Prop() secondary: boolean = false;\n\n /**\n * Set to `true` to expand buttons width to take the full size of the bar.\n */\n @Prop() expand: boolean = false;\n\n /**\n * Set to `true` to center buttons in the bar.\n */\n @Prop() center: boolean = false;\n\n /**\n * The selected tab component\n */\n @Prop() selectedTab?: string;\n @Watch('selectedTab')\n selectedTabChanged() {\n if (this.selectedTab !== undefined) {\n this.roadtabbarchanged.emit({\n tab: this.selectedTab,\n });\n this.roadTabBarChanged.emit({\n tab: this.selectedTab,\n });\n }\n }\n\n /** @internal */\n @Event() roadtabbarchanged!: EventEmitter;\n /** @internal */\n @Event() roadTabBarChanged!: EventEmitter;\n\n componentWillLoad() {\n this.selectedTabChanged();\n }\n\n render() {\n const { expand, center, secondary } = this;\n return (\n <Host\n role=\"tablist\"\n class={{\n 'tab-expand': expand,\n 'tab-center': center,\n 'tab-secondary': secondary,\n }}\n >\n <slot/>\n </Host>\n );\n }\n}"],"mappings":"wFAAA,MAAMA,EAAY,20B,MCYLC,EAAM,M,kJAOa,M,YAKJ,M,YAKA,M,2BAO1B,kBAAAC,GACE,GAAIC,KAAKC,cAAgBC,UAAW,CAClCF,KAAKG,kBAAkBC,KAAK,CAC1BC,IAAKL,KAAKC,cAEZD,KAAKM,kBAAkBF,KAAK,CAC1BC,IAAKL,KAAKC,a,EAUhB,iBAAAM,GACEP,KAAKD,oB,CAGP,MAAAS,GACE,MAAMC,OAAEA,EAAMC,OAAEA,EAAMC,UAAEA,GAAcX,KACtC,OACEY,EAACC,EAAI,CACHC,KAAK,UACLC,MAAO,CACL,aAAcN,EACd,aAAcC,EACd,gBAAiBC,IAGnBC,EAAA,a"}