@roadtrip/components 2.47.0 → 2.49.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 (96) hide show
  1. package/dist/cjs/index-a2306350.js +16 -4
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/road-avatar.cjs.entry.js +7 -2
  4. package/dist/cjs/road-badge_14.cjs.entry.js +7 -3
  5. package/dist/cjs/road-profil-dropdown.cjs.entry.js +29 -0
  6. package/dist/cjs/road-progress.cjs.entry.js +0 -1
  7. package/dist/cjs/road-segmented-button.cjs.entry.js +7 -1
  8. package/dist/cjs/road-vertical-stepper-item.cjs.entry.js +19 -0
  9. package/dist/cjs/road-vertical-stepper.cjs.entry.js +19 -0
  10. package/dist/cjs/roadtrip.cjs.js +1 -1
  11. package/dist/collection/collection-manifest.json +4 -1
  12. package/dist/collection/components/avatar/avatar.css +40 -1
  13. package/dist/collection/components/avatar/avatar.js +31 -2
  14. package/dist/collection/components/avatar/avatar.stories.js +8 -7
  15. package/dist/collection/components/button/button.css +1 -0
  16. package/dist/collection/components/counter/counter.css +38 -13
  17. package/dist/collection/components/counter/counter.js +8 -3
  18. package/dist/collection/components/counter/counter.stories.js +1 -1
  19. package/dist/collection/components/icon/svg/electric-charger-service-color.svg +1 -1
  20. package/dist/collection/components/icon/svg/electric-charger-service-outline.svg +1 -1
  21. package/dist/collection/components/icon/svg/navigation-add-less-outline.svg +1 -1
  22. package/dist/collection/components/icon/svg/navigation-add-less-solid.svg +1 -0
  23. package/dist/collection/components/icon/svg/navigation-add-more-outline.svg +1 -1
  24. package/dist/collection/components/icon/svg/navigation-add-more-solid.svg +1 -0
  25. package/dist/collection/components/icon/svg/navigation-close-outline.svg +1 -1
  26. package/dist/collection/components/icon/svg/navigation-close-solid.svg +1 -0
  27. package/dist/collection/components/icon/svg/stocktaking-color.svg +1 -0
  28. package/dist/collection/components/icon/svg/stocktaking-outline.svg +1 -0
  29. package/dist/collection/components/icon/svg/vehicle-5-doors-color.svg +1 -1
  30. package/dist/collection/components/icon/svg/vehicle-5-doors-outline.svg +1 -1
  31. package/dist/collection/components/icon/svg/vehicle-5-doors-solid-color.svg +1 -1
  32. package/dist/collection/components/input/input.js +1 -1
  33. package/dist/collection/components/input/input.stories.js +5 -5
  34. package/dist/collection/components/profil-dropdown/profil-dropdown.css +156 -0
  35. package/dist/collection/components/profil-dropdown/profil-dropdown.js +59 -0
  36. package/dist/collection/components/profil-dropdown/profil-dropdown.stories.js +68 -0
  37. package/dist/collection/components/progress/progress.js +0 -1
  38. package/dist/collection/components/segmented-button/segmented-button.css +9 -0
  39. package/dist/collection/components/segmented-button/segmented-button.js +24 -0
  40. package/dist/collection/components/segmented-buttons/segmented-buttons.stories.js +21 -0
  41. package/dist/collection/components/vertical-stepper/vertical-stepper.css +25 -0
  42. package/dist/collection/components/vertical-stepper/vertical-stepper.js +30 -0
  43. package/dist/collection/components/vertical-stepper/vertical-stepper.stories.js +542 -0
  44. package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.css +185 -0
  45. package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.js +20 -0
  46. package/dist/esm/index-a99a5e7b.js +16 -4
  47. package/dist/esm/loader.js +1 -1
  48. package/dist/esm/road-avatar.entry.js +8 -3
  49. package/dist/esm/road-badge_14.entry.js +7 -3
  50. package/dist/esm/road-profil-dropdown.entry.js +25 -0
  51. package/dist/esm/road-progress.entry.js +0 -1
  52. package/dist/esm/road-segmented-button.entry.js +7 -1
  53. package/dist/esm/road-vertical-stepper-item.entry.js +15 -0
  54. package/dist/esm/road-vertical-stepper.entry.js +15 -0
  55. package/dist/esm/roadtrip.js +1 -1
  56. package/dist/html.html-data.json +79 -1
  57. package/dist/icons/icons.svg +1 -1
  58. package/dist/icons/index.d.ts +5 -0
  59. package/dist/icons/index.js +13 -8
  60. package/dist/roadtrip/p-140d8d34.entry.js +1 -0
  61. package/dist/roadtrip/p-16f79a5a.entry.js +1 -0
  62. package/dist/roadtrip/p-1ac0bf10.entry.js +1 -0
  63. package/dist/roadtrip/p-87b690f4.entry.js +1 -0
  64. package/dist/roadtrip/p-932e323f.entry.js +1 -0
  65. package/dist/roadtrip/p-a3736d12.entry.js +1 -0
  66. package/dist/roadtrip/p-ed05f2c9.entry.js +1 -0
  67. package/dist/roadtrip/roadtrip.css +1 -1
  68. package/dist/roadtrip/roadtrip.esm.js +1 -1
  69. package/dist/roadtrip/svg/electric-charger-service-color.svg +1 -1
  70. package/dist/roadtrip/svg/electric-charger-service-outline.svg +1 -1
  71. package/dist/roadtrip/svg/navigation-add-less-outline.svg +1 -1
  72. package/dist/roadtrip/svg/navigation-add-less-solid.svg +1 -0
  73. package/dist/roadtrip/svg/navigation-add-more-outline.svg +1 -1
  74. package/dist/roadtrip/svg/navigation-add-more-solid.svg +1 -0
  75. package/dist/roadtrip/svg/navigation-close-outline.svg +1 -1
  76. package/dist/roadtrip/svg/navigation-close-solid.svg +1 -0
  77. package/dist/roadtrip/svg/stocktaking-color.svg +1 -0
  78. package/dist/roadtrip/svg/stocktaking-outline.svg +1 -0
  79. package/dist/roadtrip/svg/vehicle-5-doors-color.svg +1 -1
  80. package/dist/roadtrip/svg/vehicle-5-doors-outline.svg +1 -1
  81. package/dist/roadtrip/svg/vehicle-5-doors-solid-color.svg +1 -1
  82. package/dist/types/components/avatar/avatar.d.ts +4 -0
  83. package/dist/types/components/counter/counter.d.ts +1 -1
  84. package/dist/types/components/profil-dropdown/profil-dropdown.d.ts +18 -0
  85. package/dist/types/components/segmented-button/segmented-button.d.ts +4 -0
  86. package/dist/types/components/vertical-stepper/vertical-stepper.d.ts +15 -0
  87. package/dist/types/components/vertical-stepper-item/vertical-stepper-item.d.ts +6 -0
  88. package/dist/types/components.d.ts +65 -2
  89. package/icons/icons.svg +1 -1
  90. package/icons/index.d.ts +5 -0
  91. package/icons/index.js +13 -8
  92. package/package.json +1 -1
  93. package/dist/roadtrip/p-12fcedd3.entry.js +0 -1
  94. package/dist/roadtrip/p-2b92deb4.entry.js +0 -1
  95. package/dist/roadtrip/p-9a91495a.entry.js +0 -1
  96. package/dist/roadtrip/p-d52512f6.entry.js +0 -1
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M20.768 18.999 19 20.767l25 25 1.767-1.768-25-25Z"/><path d="M44 19 19 44l1.768 1.768 25-25L44 19Z"/></svg>
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m45.38 20.38-1.76-1.76L32 30.23 20.38 18.62l-1.76 1.76L30.23 32 18.62 43.62l1.76 1.76L32 33.77l11.62 11.61 1.76-1.76L33.77 32l11.61-11.62Z"/></svg>
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m45.91 20.91-2.82-2.82L32 29.17 20.91 18.09l-2.82 2.82L29.17 32 18.09 43.09l2.82 2.82L32 34.83l11.09 11.08 2.82-2.82L34.83 32l11.08-11.09Z"/></svg>
@@ -0,0 +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-secondary-600, rgb(246, 164, 4))"/></svg>
@@ -0,0 +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>
@@ -1 +1 @@
1
- <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><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.85ZM23.25 27.25v15.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-.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.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><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-secondary-600, rgb(246, 164, 4))"/></svg>
@@ -1 +1 @@
1
- <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><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.85ZM23.25 27.25v15.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-.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.77Z"/><path d="m7.79 44.58 1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58ZM44.87 33.357l-1.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z"/></svg>
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><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>
@@ -1 +1 @@
1
- <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.1 35.12 1.77-1.77.81.81v-12.6l-2.67-2.67 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.58v12.55l.69-.69 1.77 1.77-2.45 2.46v16.89c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.69l-2.58-2.58-.01.01Zm-19.31 7.29h-2.5v-14.4h2.5v14.4Zm8.2 6.84c-3.17 0-5.9-.47-7.41-.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.24.89-7.41.89Zm10.72-6.84h-2.5v-14.4h2.5v14.4Zm-3.54-16.97h-.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="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-.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.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.1 35.12 1.77-1.77.81.81v-12.6l-2.67-2.67 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.58v12.55l.69-.69 1.77 1.77-2.45 2.46v16.89c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.69l-2.58-2.58-.01.01Zm-19.31 7.29h-2.5v-14.4h2.5v14.4Zm8.2 6.84c-3.17 0-5.9-.47-7.41-.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.24.89-7.41.89Zm10.72-6.84h-2.5v-14.4h2.5v14.4Zm-3.54-16.97h-.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="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-secondary-600, rgb(246, 164, 4))"/></svg>
@@ -2,5 +2,9 @@
2
2
  * @slot - Image of the avatar.
3
3
  */
4
4
  export declare class Avatar {
5
+ /**
6
+ * The Avatar size.
7
+ */
8
+ size?: 'sm' | 'md' | 'lg';
5
9
  render(): any;
6
10
  }
@@ -30,7 +30,7 @@ export declare class Counter {
30
30
  /**
31
31
  * The size of the counter.
32
32
  */
33
- size?: 'sm' | 'md';
33
+ size?: 'sm' | 'md' | 'lg';
34
34
  /**
35
35
  * Set to `true` to add the dustbin icon if the value is equal to the min.
36
36
  */
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @slot - Element how will open the dropdown when clicked
3
+ * @slot list - List of item values (you can add border with lines=`full` but not on the last item)
4
+ * @slot avatar - Content of the avatar (img or First letter) <road-img> or <road-label>.
5
+ * @slot avatarItem - Content of the avatar item (img or First letter) <road-img> or <road-label>.
6
+
7
+ */
8
+ export declare class Dropdown {
9
+ /**
10
+ * Set to `true` to open the dropdown menu and to `false` to close it.
11
+ */
12
+ isOpen: boolean;
13
+ /**
14
+ * Toggle the display when clicking element in slot
15
+ */
16
+ private onClick;
17
+ render(): any;
18
+ }
@@ -5,6 +5,10 @@ import { EventEmitter } from '../../stencil-public-runtime';
5
5
  */
6
6
  export declare class SegmentedButton {
7
7
  el: HTMLRoadSegmentedButtonElement;
8
+ /**
9
+ * The Segmented buttons size.
10
+ */
11
+ size?: 'sm' | 'md';
8
12
  /**
9
13
  * The selected tab component
10
14
  */
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @slot - content of the stepper item, it should be road-vertical-stepper-item elements.
3
+ *
4
+ * if the state of the step is completed add the class `completed` on the road-vertical-stepper-item
5
+ * `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
6
+ * `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
7
+ * `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
8
+ * `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
9
+ *
10
+ * if the state of the step is current add the class `current` on the road-vertical-stepper-item
11
+
12
+ */
13
+ export declare class VerticalStepper {
14
+ render(): any;
15
+ }
@@ -0,0 +1,6 @@
1
+ /**
2
+ * @slot - Content of the carousel item, it should be road-img or road-card.
3
+ */
4
+ export declare class VerticalStepperItem {
5
+ render(): any;
6
+ }
@@ -53,6 +53,10 @@ export namespace Components {
53
53
  }>;
54
54
  }
55
55
  interface RoadAvatar {
56
+ /**
57
+ * The Avatar size.
58
+ */
59
+ "size"?: 'sm' | 'md' | 'lg';
56
60
  }
57
61
  interface RoadBadge {
58
62
  /**
@@ -353,7 +357,7 @@ export namespace Components {
353
357
  /**
354
358
  * The size of the counter.
355
359
  */
356
- "size"?: 'sm' | 'md';
360
+ "size"?: 'sm' | 'md' | 'lg';
357
361
  /**
358
362
  * Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number.
359
363
  */
@@ -817,6 +821,12 @@ export namespace Components {
817
821
  */
818
822
  "value"?: string | number | null;
819
823
  }
824
+ interface RoadProfilDropdown {
825
+ /**
826
+ * Set to `true` to open the dropdown menu and to `false` to close it.
827
+ */
828
+ "isOpen": boolean;
829
+ }
820
830
  interface RoadProgress {
821
831
  /**
822
832
  * The color to use from your application's color palette.
@@ -978,6 +988,10 @@ export namespace Components {
978
988
  * The selected tab component
979
989
  */
980
990
  "selected": boolean;
991
+ /**
992
+ * The Segmented buttons size.
993
+ */
994
+ "size"?: 'sm' | 'md';
981
995
  /**
982
996
  * A tab id must be provided for each `road-tab`. It's used internally to reference
983
997
  */
@@ -1447,6 +1461,10 @@ export namespace Components {
1447
1461
  */
1448
1462
  "trigger": string;
1449
1463
  }
1464
+ interface RoadVerticalStepper {
1465
+ }
1466
+ interface RoadVerticalStepperItem {
1467
+ }
1450
1468
  }
1451
1469
  export interface RoadAutocompleteCustomEvent<T> extends CustomEvent<T> {
1452
1470
  detail: T;
@@ -1765,6 +1783,12 @@ declare global {
1765
1783
  prototype: HTMLRoadPlateNumberElement;
1766
1784
  new (): HTMLRoadPlateNumberElement;
1767
1785
  };
1786
+ interface HTMLRoadProfilDropdownElement extends Components.RoadProfilDropdown, HTMLStencilElement {
1787
+ }
1788
+ var HTMLRoadProfilDropdownElement: {
1789
+ prototype: HTMLRoadProfilDropdownElement;
1790
+ new (): HTMLRoadProfilDropdownElement;
1791
+ };
1768
1792
  interface HTMLRoadProgressElement extends Components.RoadProgress, HTMLStencilElement {
1769
1793
  }
1770
1794
  var HTMLRoadProgressElement: {
@@ -1927,6 +1951,18 @@ declare global {
1927
1951
  prototype: HTMLRoadTooltipElement;
1928
1952
  new (): HTMLRoadTooltipElement;
1929
1953
  };
1954
+ interface HTMLRoadVerticalStepperElement extends Components.RoadVerticalStepper, HTMLStencilElement {
1955
+ }
1956
+ var HTMLRoadVerticalStepperElement: {
1957
+ prototype: HTMLRoadVerticalStepperElement;
1958
+ new (): HTMLRoadVerticalStepperElement;
1959
+ };
1960
+ interface HTMLRoadVerticalStepperItemElement extends Components.RoadVerticalStepperItem, HTMLStencilElement {
1961
+ }
1962
+ var HTMLRoadVerticalStepperItemElement: {
1963
+ prototype: HTMLRoadVerticalStepperItemElement;
1964
+ new (): HTMLRoadVerticalStepperItemElement;
1965
+ };
1930
1966
  interface HTMLElementTagNameMap {
1931
1967
  "road-accordion": HTMLRoadAccordionElement;
1932
1968
  "road-alert": HTMLRoadAlertElement;
@@ -1960,6 +1996,7 @@ declare global {
1960
1996
  "road-navbar": HTMLRoadNavbarElement;
1961
1997
  "road-navbar-item": HTMLRoadNavbarItemElement;
1962
1998
  "road-plate-number": HTMLRoadPlateNumberElement;
1999
+ "road-profil-dropdown": HTMLRoadProfilDropdownElement;
1963
2000
  "road-progress": HTMLRoadProgressElement;
1964
2001
  "road-radio": HTMLRoadRadioElement;
1965
2002
  "road-radio-group": HTMLRoadRadioGroupElement;
@@ -1987,6 +2024,8 @@ declare global {
1987
2024
  "road-toolbar": HTMLRoadToolbarElement;
1988
2025
  "road-toolbar-title": HTMLRoadToolbarTitleElement;
1989
2026
  "road-tooltip": HTMLRoadTooltipElement;
2027
+ "road-vertical-stepper": HTMLRoadVerticalStepperElement;
2028
+ "road-vertical-stepper-item": HTMLRoadVerticalStepperItemElement;
1990
2029
  }
1991
2030
  }
1992
2031
  declare namespace LocalJSX {
@@ -2043,6 +2082,10 @@ declare namespace LocalJSX {
2043
2082
  }>;
2044
2083
  }
2045
2084
  interface RoadAvatar {
2085
+ /**
2086
+ * The Avatar size.
2087
+ */
2088
+ "size"?: 'sm' | 'md' | 'lg';
2046
2089
  }
2047
2090
  interface RoadBadge {
2048
2091
  /**
@@ -2384,7 +2427,7 @@ declare namespace LocalJSX {
2384
2427
  /**
2385
2428
  * The size of the counter.
2386
2429
  */
2387
- "size"?: 'sm' | 'md';
2430
+ "size"?: 'sm' | 'md' | 'lg';
2388
2431
  /**
2389
2432
  * Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number.
2390
2433
  */
@@ -2887,6 +2930,12 @@ declare namespace LocalJSX {
2887
2930
  */
2888
2931
  "value"?: string | number | null;
2889
2932
  }
2933
+ interface RoadProfilDropdown {
2934
+ /**
2935
+ * Set to `true` to open the dropdown menu and to `false` to close it.
2936
+ */
2937
+ "isOpen"?: boolean;
2938
+ }
2890
2939
  interface RoadProgress {
2891
2940
  /**
2892
2941
  * The color to use from your application's color palette.
@@ -3068,6 +3117,10 @@ declare namespace LocalJSX {
3068
3117
  * The selected tab component
3069
3118
  */
3070
3119
  "selected"?: boolean;
3120
+ /**
3121
+ * The Segmented buttons size.
3122
+ */
3123
+ "size"?: 'sm' | 'md';
3071
3124
  /**
3072
3125
  * A tab id must be provided for each `road-tab`. It's used internally to reference
3073
3126
  */
@@ -3577,6 +3630,10 @@ declare namespace LocalJSX {
3577
3630
  */
3578
3631
  "trigger"?: string;
3579
3632
  }
3633
+ interface RoadVerticalStepper {
3634
+ }
3635
+ interface RoadVerticalStepperItem {
3636
+ }
3580
3637
  interface IntrinsicElements {
3581
3638
  "road-accordion": RoadAccordion;
3582
3639
  "road-alert": RoadAlert;
@@ -3610,6 +3667,7 @@ declare namespace LocalJSX {
3610
3667
  "road-navbar": RoadNavbar;
3611
3668
  "road-navbar-item": RoadNavbarItem;
3612
3669
  "road-plate-number": RoadPlateNumber;
3670
+ "road-profil-dropdown": RoadProfilDropdown;
3613
3671
  "road-progress": RoadProgress;
3614
3672
  "road-radio": RoadRadio;
3615
3673
  "road-radio-group": RoadRadioGroup;
@@ -3637,6 +3695,8 @@ declare namespace LocalJSX {
3637
3695
  "road-toolbar": RoadToolbar;
3638
3696
  "road-toolbar-title": RoadToolbarTitle;
3639
3697
  "road-tooltip": RoadTooltip;
3698
+ "road-vertical-stepper": RoadVerticalStepper;
3699
+ "road-vertical-stepper-item": RoadVerticalStepperItem;
3640
3700
  }
3641
3701
  }
3642
3702
  export { LocalJSX as JSX };
@@ -3675,6 +3735,7 @@ declare module "@stencil/core" {
3675
3735
  "road-navbar": LocalJSX.RoadNavbar & JSXBase.HTMLAttributes<HTMLRoadNavbarElement>;
3676
3736
  "road-navbar-item": LocalJSX.RoadNavbarItem & JSXBase.HTMLAttributes<HTMLRoadNavbarItemElement>;
3677
3737
  "road-plate-number": LocalJSX.RoadPlateNumber & JSXBase.HTMLAttributes<HTMLRoadPlateNumberElement>;
3738
+ "road-profil-dropdown": LocalJSX.RoadProfilDropdown & JSXBase.HTMLAttributes<HTMLRoadProfilDropdownElement>;
3678
3739
  "road-progress": LocalJSX.RoadProgress & JSXBase.HTMLAttributes<HTMLRoadProgressElement>;
3679
3740
  "road-radio": LocalJSX.RoadRadio & JSXBase.HTMLAttributes<HTMLRoadRadioElement>;
3680
3741
  "road-radio-group": LocalJSX.RoadRadioGroup & JSXBase.HTMLAttributes<HTMLRoadRadioGroupElement>;
@@ -3702,6 +3763,8 @@ declare module "@stencil/core" {
3702
3763
  "road-toolbar": LocalJSX.RoadToolbar & JSXBase.HTMLAttributes<HTMLRoadToolbarElement>;
3703
3764
  "road-toolbar-title": LocalJSX.RoadToolbarTitle & JSXBase.HTMLAttributes<HTMLRoadToolbarTitleElement>;
3704
3765
  "road-tooltip": LocalJSX.RoadTooltip & JSXBase.HTMLAttributes<HTMLRoadTooltipElement>;
3766
+ "road-vertical-stepper": LocalJSX.RoadVerticalStepper & JSXBase.HTMLAttributes<HTMLRoadVerticalStepperElement>;
3767
+ "road-vertical-stepper-item": LocalJSX.RoadVerticalStepperItem & JSXBase.HTMLAttributes<HTMLRoadVerticalStepperItemElement>;
3705
3768
  }
3706
3769
  }
3707
3770
  }