@roadtrip/components 2.28.0 → 2.29.0

package/dist/collection/components/icon/svg/work-order-pass-maintain-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-0.544 1.355)"><path d="M7.044,54.835V12.84a1.021,1.021,0,0,1,1.021-1.02H10.6V9.32H8.065a3.524,3.524,0,0,0-3.521,3.52V54.835a3.524,3.524,0,0,0,3.521,3.52H26.507v-2.5H8.065A1.022,1.022,0,0,1,7.044,54.835Z"/><path d="M44.384,9.32H41.845v2.5h2.539a1.021,1.021,0,0,1,1.02,1.02V32h2.5V12.84A3.524,3.524,0,0,0,44.384,9.32Z"/><path d="M34.169,6.185h-2.29a5.791,5.791,0,0,0-11.309,0H18.279a4.66,4.66,0,0,0-4.655,4.655v4.655h25.2V10.84A4.66,4.66,0,0,0,34.169,6.185Zm2.155,6.81h-20.2V10.84a2.158,2.158,0,0,1,2.155-2.155h4.656V7.435a3.29,3.29,0,1,1,6.58,0v1.25h4.654a2.157,2.157,0,0,1,2.155,2.155Z"/><rect width="2.5" height="2.271" transform="translate(24.975 6.3)" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M25.333,35.987l-5.454-5.455,1.768-1.768,3.6,3.6,8.172-8.976,1.848,1.684Z" fill="var(--accent-hover, rgb(236, 160, 0))"/><circle cx="2.412" cy="2.412" r="2.412" transform="translate(34.503 48.555)" fill="var(--accent-hover, rgb(236, 160, 0))"/><circle cx="2.412" cy="2.412" r="2.412" transform="translate(50.334 48.521)" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M60.2,44.205h-.986l-2.573-7.666a2.866,2.866,0,0,0-2.716-1.951H35.734A2.86,2.86,0,0,0,33.02,36.54l-2.575,7.665h-.986a1.25,1.25,0,0,0,0,2.5h.635v11.5a2.829,2.829,0,0,0,5.659,0v-.642H53.908v.642a2.83,2.83,0,0,0,5.66,0v-11.5H60.2a1.25,1.25,0,0,0,0-2.5ZM35.389,37.336a.364.364,0,0,1,.345-.248H53.927a.367.367,0,0,1,.347.248l2.306,6.869h-23.5ZM57.068,55.063H32.594V46.705H57.068Z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-0.544 1.355)"><path d="M7.044,54.835V12.84a1.021,1.021,0,0,1,1.021-1.02H10.6V9.32H8.065a3.524,3.524,0,0,0-3.521,3.52V54.835a3.524,3.524,0,0,0,3.521,3.52H26.507v-2.5H8.065A1.022,1.022,0,0,1,7.044,54.835Z"/><path d="M44.384,9.32H41.845v2.5h2.539a1.021,1.021,0,0,1,1.02,1.02V32h2.5V12.84A3.524,3.524,0,0,0,44.384,9.32Z"/><path d="M34.169,6.185h-2.29a5.791,5.791,0,0,0-11.309,0H18.279a4.66,4.66,0,0,0-4.655,4.655v4.655h25.2V10.84A4.66,4.66,0,0,0,34.169,6.185Zm2.155,6.81h-20.2V10.84a2.158,2.158,0,0,1,2.155-2.155h4.656V7.435a3.29,3.29,0,1,1,6.58,0v1.25h4.654a2.157,2.157,0,0,1,2.155,2.155Z"/><rect width="2.5" height="2.271" transform="translate(24.975 6.3)" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M25.333,35.987l-5.454-5.455,1.768-1.768,3.6,3.6,8.172-8.976,1.848,1.684Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><circle cx="2.412" cy="2.412" r="2.412" transform="translate(34.503 48.555)" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><circle cx="2.412" cy="2.412" r="2.412" transform="translate(50.334 48.521)" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M60.2,44.205h-.986l-2.573-7.666a2.866,2.866,0,0,0-2.716-1.951H35.734A2.86,2.86,0,0,0,33.02,36.54l-2.575,7.665h-.986a1.25,1.25,0,0,0,0,2.5h.635v11.5a2.829,2.829,0,0,0,5.659,0v-.642H53.908v.642a2.83,2.83,0,0,0,5.66,0v-11.5H60.2a1.25,1.25,0,0,0,0-2.5ZM35.389,37.336a.364.364,0,0,1,.345-.248H53.927a.367.367,0,0,1,.347.248l2.306,6.869h-23.5ZM57.068,55.063H32.594V46.705H57.068Z"/></g></svg>

package/dist/collection/components/icon/svg/work-order-view-outline-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-0.544 1.355)"><path d="M39.84,56.71H3.52A3.524,3.524,0,0,1,0,53.19V11.195a3.524,3.524,0,0,1,3.52-3.52H6.06v2.5H3.52a1.022,1.022,0,0,0-1.02,1.02V53.19a1.022,1.022,0,0,0,1.02,1.02H39.84a1.022,1.022,0,0,0,1.02-1.02V11.195a1.022,1.022,0,0,0-1.02-1.02H37.3v-2.5h2.54a3.524,3.524,0,0,1,3.52,3.52V53.19a3.524,3.524,0,0,1-3.52,3.52" transform="translate(10.864 2.29)"/><path d="M34.28,13.85H9.08V9.195A4.66,4.66,0,0,1,13.735,4.54h2.29a5.791,5.791,0,0,1,11.309,0h2.291A4.66,4.66,0,0,1,34.28,9.195Zm-22.7-2.5h20.2V9.195A2.158,2.158,0,0,0,29.625,7.04H24.97V5.79a3.29,3.29,0,1,0-6.58,0V7.04H13.735A2.158,2.158,0,0,0,11.58,9.195Z" transform="translate(10.864 2.29)"/><rect width="2.5" height="2.27" transform="translate(31.294 6.945)" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M21.571,43.554c-9.823,0-16.154-9.27-16.419-9.665l-.467-.7.467-.7c.265-.4,6.6-9.666,16.419-9.666S37.922,32.086,38.2,32.48l.5.713-.5.713c-.274.394-6.815,9.648-16.625,9.648M7.748,33.193c1.606,2.042,6.8,7.861,13.823,7.861s12.35-5.8,14.022-7.861c-1.672-2.06-7-7.862-14.022-7.862S9.354,31.151,7.748,33.193" transform="translate(10.864 2.29)"/><path d="M21.637,39.329a6.081,6.081,0,1,1,6.081-6.081,6.088,6.088,0,0,1-6.081,6.081m0-9.662a3.581,3.581,0,1,0,3.581,3.581,3.585,3.585,0,0,0-3.581-3.581" transform="translate(10.864 2.29)" fill="var(--accent-hover, rgb(236, 160, 0))"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-0.544 1.355)"><path d="M39.84,56.71H3.52A3.524,3.524,0,0,1,0,53.19V11.195a3.524,3.524,0,0,1,3.52-3.52H6.06v2.5H3.52a1.022,1.022,0,0,0-1.02,1.02V53.19a1.022,1.022,0,0,0,1.02,1.02H39.84a1.022,1.022,0,0,0,1.02-1.02V11.195a1.022,1.022,0,0,0-1.02-1.02H37.3v-2.5h2.54a3.524,3.524,0,0,1,3.52,3.52V53.19a3.524,3.524,0,0,1-3.52,3.52" transform="translate(10.864 2.29)"/><path d="M34.28,13.85H9.08V9.195A4.66,4.66,0,0,1,13.735,4.54h2.29a5.791,5.791,0,0,1,11.309,0h2.291A4.66,4.66,0,0,1,34.28,9.195Zm-22.7-2.5h20.2V9.195A2.158,2.158,0,0,0,29.625,7.04H24.97V5.79a3.29,3.29,0,1,0-6.58,0V7.04H13.735A2.158,2.158,0,0,0,11.58,9.195Z" transform="translate(10.864 2.29)"/><rect width="2.5" height="2.27" transform="translate(31.294 6.945)" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M21.571,43.554c-9.823,0-16.154-9.27-16.419-9.665l-.467-.7.467-.7c.265-.4,6.6-9.666,16.419-9.666S37.922,32.086,38.2,32.48l.5.713-.5.713c-.274.394-6.815,9.648-16.625,9.648M7.748,33.193c1.606,2.042,6.8,7.861,13.823,7.861s12.35-5.8,14.022-7.861c-1.672-2.06-7-7.862-14.022-7.862S9.354,31.151,7.748,33.193" transform="translate(10.864 2.29)"/><path d="M21.637,39.329a6.081,6.081,0,1,1,6.081-6.081,6.088,6.088,0,0,1-6.081,6.081m0-9.662a3.581,3.581,0,1,0,3.581,3.581,3.585,3.585,0,0,0-3.581-3.581" transform="translate(10.864 2.29)" fill="var(--road-secondary-500, rgb(252, 183, 49))"/></g></svg>

package/dist/collection/components/icon/svg/work-order-wait-check-outline-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(10.32 3.645)"><path d="M30.3,56.71H3.52A3.524,3.524,0,0,1,0,53.19V11.195a3.524,3.524,0,0,1,3.52-3.52H6.06v2.5H3.52a1.02,1.02,0,0,0-1.02,1.02V53.19a1.021,1.021,0,0,0,1.02,1.02H30.3Z"/><path d="M43.36,31.939h-2.5V11.195a1.02,1.02,0,0,0-1.02-1.02H37.3v-2.5h2.54a3.524,3.524,0,0,1,3.52,3.52Z"/><path d="M34.28,13.85H9.08V9.195A4.66,4.66,0,0,1,13.735,4.54h2.291a5.791,5.791,0,0,1,11.308,0h2.291A4.66,4.66,0,0,1,34.28,9.195Zm-22.7-2.5h20.2V9.195A2.158,2.158,0,0,0,29.625,7.04H24.97V5.79a3.29,3.29,0,1,0-6.58,0V7.04H13.735A2.158,2.158,0,0,0,11.58,9.195Z"/><rect width="2.5" height="2.27" transform="translate(20.43 4.656)" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M20.789,36.342l-5.454-5.454L17.1,29.12l3.6,3.6,8.172-8.976,1.848,1.683Z" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M47.913,37.439h.978v-2.5H33.3v2.5h.976v6.033L39.1,47.325l-4.818,3.854V57.21H33.3v2.5h15.59v-2.5h-.978V51.179L43.1,47.325l4.817-3.854Zm-2.5,14.941v4.83H36.777V52.38L41.1,48.925Zm0-10.11L41.1,45.724,36.777,42.27V37.439h8.636Z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(10.32 3.645)"><path d="M30.3,56.71H3.52A3.524,3.524,0,0,1,0,53.19V11.195a3.524,3.524,0,0,1,3.52-3.52H6.06v2.5H3.52a1.02,1.02,0,0,0-1.02,1.02V53.19a1.021,1.021,0,0,0,1.02,1.02H30.3Z"/><path d="M43.36,31.939h-2.5V11.195a1.02,1.02,0,0,0-1.02-1.02H37.3v-2.5h2.54a3.524,3.524,0,0,1,3.52,3.52Z"/><path d="M34.28,13.85H9.08V9.195A4.66,4.66,0,0,1,13.735,4.54h2.291a5.791,5.791,0,0,1,11.308,0h2.291A4.66,4.66,0,0,1,34.28,9.195Zm-22.7-2.5h20.2V9.195A2.158,2.158,0,0,0,29.625,7.04H24.97V5.79a3.29,3.29,0,1,0-6.58,0V7.04H13.735A2.158,2.158,0,0,0,11.58,9.195Z"/><rect width="2.5" height="2.27" transform="translate(20.43 4.656)" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M20.789,36.342l-5.454-5.454L17.1,29.12l3.6,3.6,8.172-8.976,1.848,1.683Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M47.913,37.439h.978v-2.5H33.3v2.5h.976v6.033L39.1,47.325l-4.818,3.854V57.21H33.3v2.5h15.59v-2.5h-.978V51.179L43.1,47.325l4.817-3.854Zm-2.5,14.941v4.83H36.777V52.38L41.1,48.925Zm0-10.11L41.1,45.724,36.777,42.27V37.439h8.636Z"/></g></svg>

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

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(0 71.912)"><path d="M41.31-39.912c0,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.8S41.767-57.084,38.5-61.71a22.578,22.578,0,0,0-4.237-.839C38.358-59.755,41.31-50.324,41.31-39.912Z" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M22.691-39.912c0-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-20.069,22.691-29.5,22.691-39.912Z" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M53.408-47.606a22.45,22.45,0,0,0-1.079-2.5H11.671a22.638,22.638,0,0,0-1.079,2.5Z" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M10.592-32.219a22.556,22.556,0,0,0,1.079,2.5H52.329a22.369,22.369,0,0,0,1.079-2.5Z" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M32-14.662A25.278,25.278,0,0,1,6.75-39.912,25.278,25.278,0,0,1,32-65.162a25.278,25.278,0,0,1,25.25,25.25A25.278,25.278,0,0,1,32-14.662Zm0-48A22.776,22.776,0,0,0,9.25-39.912,22.776,22.776,0,0,0,32-17.162a22.775,22.775,0,0,0,22.75-22.75A22.776,22.776,0,0,0,32-62.662Z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(0 71.912)"><path d="M41.31-39.912c0,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.8S41.767-57.084,38.5-61.71a22.578,22.578,0,0,0-4.237-.839C38.358-59.755,41.31-50.324,41.31-39.912Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M22.691-39.912c0-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-20.069,22.691-29.5,22.691-39.912Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M53.408-47.606a22.45,22.45,0,0,0-1.079-2.5H11.671a22.638,22.638,0,0,0-1.079,2.5Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M10.592-32.219a22.556,22.556,0,0,0,1.079,2.5H52.329a22.369,22.369,0,0,0,1.079-2.5Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M32-14.662A25.278,25.278,0,0,1,6.75-39.912,25.278,25.278,0,0,1,32-65.162a25.278,25.278,0,0,1,25.25,25.25A25.278,25.278,0,0,1,32-14.662Zm0-48A22.776,22.776,0,0,0,9.25-39.912,22.776,22.776,0,0,0,32-17.162a22.775,22.775,0,0,0,22.75-22.75A22.776,22.776,0,0,0,32-62.662Z"/></g></svg>

package/dist/collection/components/icon/svg/wrench-hand-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-1.246 0.378)"><path d="M25.754,26.821l1.7-1.7L25.689,23.35l-1.7,1.7c-2.25,2.25-1.589,5.817-.9,8.3a4.9,4.9,0,0,1-.683,4.506c-.663.663-2.062,2.01-2.064,2.011l1.734,1.8s1.423-1.37,2.1-2.045A7.317,7.317,0,0,0,25.5,32.686C24.676,29.734,24.76,27.815,25.754,26.821Z"/><path d="M55.446,32.266a4.4,4.4,0,0,0-2.152-2.581,4.047,4.047,0,0,0-.195-3.322A4.451,4.451,0,0,0,50.081,24a4.32,4.32,0,0,0-1.013-2.12,5.259,5.259,0,0,0-3.112-1.806A5.216,5.216,0,0,0,42.922,16.7,4.84,4.84,0,0,0,37.5,17.818L27.8,27.538l1.769,1.768,9.707-9.721a2.358,2.358,0,0,1,2.694-.578,2.7,2.7,0,0,1,1.6,1.83L41.4,23.006l1.768,1.768L45.4,22.54a2.692,2.692,0,0,1,1.762.951,1.639,1.639,0,0,1,.449,1.085L45.288,26.9l1.768,1.767,2.255-2.255a1.975,1.975,0,0,1,1.557,1.083,1.565,1.565,0,0,1-.316,1.923h0L49.18,30.788l1.767,1.768.837-.837a2.036,2.036,0,0,1,1.262,1.247,2.167,2.167,0,0,1-.738,2.1l-6.582,6.581a36.019,36.019,0,0,1-6.971,5,27.668,27.668,0,0,0-5.142,3.6c-.9.9-1.427,1.34-1.433,1.345l1.591,1.927c.025-.02.611-.5,1.61-1.5a26.261,26.261,0,0,1,4.662-3.224,37.872,37.872,0,0,0,7.45-5.378l6.582-6.581A4.633,4.633,0,0,0,55.446,32.266Z"/><path d="M19.554,42.465,32.887,55.8l-3.615,3.614L15.94,46.079l3.614-3.614m0-3.536L12.4,46.079,29.272,62.947l7.15-7.15L19.554,38.929Z" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M30.094,4.027A11.645,11.645,0,0,0,19.812.8,2.521,2.521,0,0,0,17.85,2.54a2.551,2.551,0,0,0,.628,2.577L22.823,9.53,19.087,13.2,14.74,8.854a2.557,2.557,0,0,0-2.577-.628,2.522,2.522,0,0,0-1.735,1.964A11.644,11.644,0,0,0,13.65,20.47a10.813,10.813,0,0,0,11.6,2.423l3.559,3.627,1.781-1.754L27.02,21.132a2.558,2.558,0,0,0-2.675-.589A8.22,8.22,0,0,1,15.418,18.7a8.869,8.869,0,0,1-2.444-8.08l4.346,4.346a2.552,2.552,0,0,0,3.6,0l3.67-3.67a2.551,2.551,0,0,0,0-3.6L20.253,3.265a9.152,9.152,0,0,1,8.073,2.529,8.22,8.22,0,0,1,1.84,8.928,2.56,2.56,0,0,0,.585,2.67L34.315,21l1.777-1.757-3.565-3.706A10.733,10.733,0,0,0,30.094,4.027Z"/><path d="M56.621,39.717l-2.793-2.745-1.752,1.783,2.785,2.737a2.642,2.642,0,1,1-3.744,3.728l-2.793-2.745-1.752,1.783,2.785,2.737a5.141,5.141,0,1,0,7.264-7.278Z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-1.246 0.378)"><path d="M25.754,26.821l1.7-1.7L25.689,23.35l-1.7,1.7c-2.25,2.25-1.589,5.817-.9,8.3a4.9,4.9,0,0,1-.683,4.506c-.663.663-2.062,2.01-2.064,2.011l1.734,1.8s1.423-1.37,2.1-2.045A7.317,7.317,0,0,0,25.5,32.686C24.676,29.734,24.76,27.815,25.754,26.821Z"/><path d="M55.446,32.266a4.4,4.4,0,0,0-2.152-2.581,4.047,4.047,0,0,0-.195-3.322A4.451,4.451,0,0,0,50.081,24a4.32,4.32,0,0,0-1.013-2.12,5.259,5.259,0,0,0-3.112-1.806A5.216,5.216,0,0,0,42.922,16.7,4.84,4.84,0,0,0,37.5,17.818L27.8,27.538l1.769,1.768,9.707-9.721a2.358,2.358,0,0,1,2.694-.578,2.7,2.7,0,0,1,1.6,1.83L41.4,23.006l1.768,1.768L45.4,22.54a2.692,2.692,0,0,1,1.762.951,1.639,1.639,0,0,1,.449,1.085L45.288,26.9l1.768,1.767,2.255-2.255a1.975,1.975,0,0,1,1.557,1.083,1.565,1.565,0,0,1-.316,1.923h0L49.18,30.788l1.767,1.768.837-.837a2.036,2.036,0,0,1,1.262,1.247,2.167,2.167,0,0,1-.738,2.1l-6.582,6.581a36.019,36.019,0,0,1-6.971,5,27.668,27.668,0,0,0-5.142,3.6c-.9.9-1.427,1.34-1.433,1.345l1.591,1.927c.025-.02.611-.5,1.61-1.5a26.261,26.261,0,0,1,4.662-3.224,37.872,37.872,0,0,0,7.45-5.378l6.582-6.581A4.633,4.633,0,0,0,55.446,32.266Z"/><path d="M19.554,42.465,32.887,55.8l-3.615,3.614L15.94,46.079l3.614-3.614m0-3.536L12.4,46.079,29.272,62.947l7.15-7.15L19.554,38.929Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M30.094,4.027A11.645,11.645,0,0,0,19.812.8,2.521,2.521,0,0,0,17.85,2.54a2.551,2.551,0,0,0,.628,2.577L22.823,9.53,19.087,13.2,14.74,8.854a2.557,2.557,0,0,0-2.577-.628,2.522,2.522,0,0,0-1.735,1.964A11.644,11.644,0,0,0,13.65,20.47a10.813,10.813,0,0,0,11.6,2.423l3.559,3.627,1.781-1.754L27.02,21.132a2.558,2.558,0,0,0-2.675-.589A8.22,8.22,0,0,1,15.418,18.7a8.869,8.869,0,0,1-2.444-8.08l4.346,4.346a2.552,2.552,0,0,0,3.6,0l3.67-3.67a2.551,2.551,0,0,0,0-3.6L20.253,3.265a9.152,9.152,0,0,1,8.073,2.529,8.22,8.22,0,0,1,1.84,8.928,2.56,2.56,0,0,0,.585,2.67L34.315,21l1.777-1.757-3.565-3.706A10.733,10.733,0,0,0,30.094,4.027Z"/><path d="M56.621,39.717l-2.793-2.745-1.752,1.783,2.785,2.737a2.642,2.642,0,1,1-3.744,3.728l-2.793-2.745-1.752,1.783,2.785,2.737a5.141,5.141,0,1,0,7.264-7.278Z"/></g></svg>

package/dist/collection/components/icon/svg/wrench-hand-dual-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-4.337 -74.628)"><path d="M21.845,101.826l1.7-1.7L21.78,98.356l-1.7,1.7c-2.25,2.25-1.589,5.817-.9,8.3a4.894,4.894,0,0,1-.683,4.506c-.663.663-2.062,2.011-2.064,2.012l1.734,1.8s1.423-1.371,2.1-2.045a7.318,7.318,0,0,0,1.323-6.945C20.767,104.739,20.851,102.82,21.845,101.826Z"/><path d="M51.537,107.271a4.394,4.394,0,0,0-2.152-2.58,4.047,4.047,0,0,0-.195-3.322A4.448,4.448,0,0,0,46.172,99a4.316,4.316,0,0,0-1.013-2.12,5.26,5.26,0,0,0-3.112-1.807A5.215,5.215,0,0,0,39.013,91.7a4.841,4.841,0,0,0-5.418,1.12l-9.708,9.721,1.769,1.767,9.707-9.72a2.356,2.356,0,0,1,2.694-.578,2.7,2.7,0,0,1,1.6,1.829l-2.17,2.17,1.768,1.767,2.234-2.234a2.694,2.694,0,0,1,1.762.952,1.639,1.639,0,0,1,.449,1.085l-2.321,2.32,1.768,1.768,2.255-2.255a1.971,1.971,0,0,1,1.557,1.083,1.565,1.565,0,0,1-.316,1.923h0l-1.372,1.373,1.767,1.767.837-.836a2.036,2.036,0,0,1,1.262,1.247,2.165,2.165,0,0,1-.738,2.1l-6.582,6.581a35.934,35.934,0,0,1-6.971,5,27.716,27.716,0,0,0-5.142,3.6c-.9.9-1.428,1.34-1.433,1.345l1.591,1.926c.025-.019.611-.5,1.61-1.5a26.208,26.208,0,0,1,4.662-3.224,37.872,37.872,0,0,0,7.45-5.378l6.582-6.581A4.635,4.635,0,0,0,51.537,107.271Z"/><path d="M15.645,117.47,28.978,130.8l-3.615,3.614L12.031,121.085l3.614-3.615m0-3.535L8.5,121.085l16.867,16.867,7.15-7.149L15.645,113.935Z" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M26.185,79.032A11.647,11.647,0,0,0,15.9,75.81a2.521,2.521,0,0,0-1.962,1.736,2.551,2.551,0,0,0,.628,2.577l4.345,4.412-3.736,3.67-4.347-4.346a2.559,2.559,0,0,0-2.577-.628,2.525,2.525,0,0,0-1.735,1.964A11.646,11.646,0,0,0,9.741,95.476a10.813,10.813,0,0,0,11.6,2.422l3.559,3.628,1.781-1.754-3.566-3.634a2.556,2.556,0,0,0-2.675-.589,8.222,8.222,0,0,1-8.927-1.841,8.869,8.869,0,0,1-2.444-8.08l4.346,4.346a2.552,2.552,0,0,0,3.6,0l3.67-3.67a2.552,2.552,0,0,0,0-3.6L16.344,78.27a9.152,9.152,0,0,1,8.073,2.53,8.219,8.219,0,0,1,1.84,8.927,2.558,2.558,0,0,0,.585,2.67l3.564,3.613,1.777-1.758-3.565-3.705A10.735,10.735,0,0,0,26.185,79.032Z"/><path d="M46.66,132.5a11.642,11.642,0,0,0,10.281,3.223,2.521,2.521,0,0,0,1.963-1.736,2.553,2.553,0,0,0-.629-2.578L53.93,127l3.737-3.67,4.346,4.346a2.556,2.556,0,0,0,2.577.628,2.522,2.522,0,0,0,1.736-1.964,11.641,11.641,0,0,0-3.223-10.28,10.812,10.812,0,0,0-11.6-2.423l-1.621-1.69L48.1,113.7l1.629,1.7a2.56,2.56,0,0,0,2.676.589,8.221,8.221,0,0,1,8.927,1.841,8.871,8.871,0,0,1,2.444,8.08l-4.347-4.346a2.551,2.551,0,0,0-3.6,0l-3.67,3.67a2.549,2.549,0,0,0,0,3.6l4.338,4.431a9.156,9.156,0,0,1-8.074-2.529,8.222,8.222,0,0,1-1.84-8.928,2.558,2.558,0,0,0-.584-2.67l-1.564-1.612-1.777,1.758,1.564,1.705A10.735,10.735,0,0,0,46.66,132.5Z"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-4.337 -74.628)"><path d="M21.845,101.826l1.7-1.7L21.78,98.356l-1.7,1.7c-2.25,2.25-1.589,5.817-.9,8.3a4.894,4.894,0,0,1-.683,4.506c-.663.663-2.062,2.011-2.064,2.012l1.734,1.8s1.423-1.371,2.1-2.045a7.318,7.318,0,0,0,1.323-6.945C20.767,104.739,20.851,102.82,21.845,101.826Z"/><path d="M51.537,107.271a4.394,4.394,0,0,0-2.152-2.58,4.047,4.047,0,0,0-.195-3.322A4.448,4.448,0,0,0,46.172,99a4.316,4.316,0,0,0-1.013-2.12,5.26,5.26,0,0,0-3.112-1.807A5.215,5.215,0,0,0,39.013,91.7a4.841,4.841,0,0,0-5.418,1.12l-9.708,9.721,1.769,1.767,9.707-9.72a2.356,2.356,0,0,1,2.694-.578,2.7,2.7,0,0,1,1.6,1.829l-2.17,2.17,1.768,1.767,2.234-2.234a2.694,2.694,0,0,1,1.762.952,1.639,1.639,0,0,1,.449,1.085l-2.321,2.32,1.768,1.768,2.255-2.255a1.971,1.971,0,0,1,1.557,1.083,1.565,1.565,0,0,1-.316,1.923h0l-1.372,1.373,1.767,1.767.837-.836a2.036,2.036,0,0,1,1.262,1.247,2.165,2.165,0,0,1-.738,2.1l-6.582,6.581a35.934,35.934,0,0,1-6.971,5,27.716,27.716,0,0,0-5.142,3.6c-.9.9-1.428,1.34-1.433,1.345l1.591,1.926c.025-.019.611-.5,1.61-1.5a26.208,26.208,0,0,1,4.662-3.224,37.872,37.872,0,0,0,7.45-5.378l6.582-6.581A4.635,4.635,0,0,0,51.537,107.271Z"/><path d="M15.645,117.47,28.978,130.8l-3.615,3.614L12.031,121.085l3.614-3.615m0-3.535L8.5,121.085l16.867,16.867,7.15-7.149L15.645,113.935Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M26.185,79.032A11.647,11.647,0,0,0,15.9,75.81a2.521,2.521,0,0,0-1.962,1.736,2.551,2.551,0,0,0,.628,2.577l4.345,4.412-3.736,3.67-4.347-4.346a2.559,2.559,0,0,0-2.577-.628,2.525,2.525,0,0,0-1.735,1.964A11.646,11.646,0,0,0,9.741,95.476a10.813,10.813,0,0,0,11.6,2.422l3.559,3.628,1.781-1.754-3.566-3.634a2.556,2.556,0,0,0-2.675-.589,8.222,8.222,0,0,1-8.927-1.841,8.869,8.869,0,0,1-2.444-8.08l4.346,4.346a2.552,2.552,0,0,0,3.6,0l3.67-3.67a2.552,2.552,0,0,0,0-3.6L16.344,78.27a9.152,9.152,0,0,1,8.073,2.53,8.219,8.219,0,0,1,1.84,8.927,2.558,2.558,0,0,0,.585,2.67l3.564,3.613,1.777-1.758-3.565-3.705A10.735,10.735,0,0,0,26.185,79.032Z"/><path d="M46.66,132.5a11.642,11.642,0,0,0,10.281,3.223,2.521,2.521,0,0,0,1.963-1.736,2.553,2.553,0,0,0-.629-2.578L53.93,127l3.737-3.67,4.346,4.346a2.556,2.556,0,0,0,2.577.628,2.522,2.522,0,0,0,1.736-1.964,11.641,11.641,0,0,0-3.223-10.28,10.812,10.812,0,0,0-11.6-2.423l-1.621-1.69L48.1,113.7l1.629,1.7a2.56,2.56,0,0,0,2.676.589,8.221,8.221,0,0,1,8.927,1.841,8.871,8.871,0,0,1,2.444,8.08l-4.347-4.346a2.551,2.551,0,0,0-3.6,0l-3.67,3.67a2.549,2.549,0,0,0,0,3.6l4.338,4.431a9.156,9.156,0,0,1-8.074-2.529,8.222,8.222,0,0,1-1.84-8.928,2.558,2.558,0,0,0-.584-2.67l-1.564-1.612-1.777,1.758,1.564,1.705A10.735,10.735,0,0,0,46.66,132.5Z"/></g></svg>

package/dist/collection/components/icon/svg/wrench-outline-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M9.874,60.2a6.076,6.076,0,0,1-4.3-10.373L34.239,21.167A13.283,13.283,0,0,1,49.475,4.051a2.462,2.462,0,0,1,1.26,4.155l-5.521,5.521,5.12,5.059,5.46-5.522a2.463,2.463,0,0,1,4.155,1.26,13.31,13.31,0,0,1-17.13,15.261L14.171,58.422A6.035,6.035,0,0,1,9.874,60.2ZM47,6.263a10.965,10.965,0,0,0-7.76,3.2A10.778,10.778,0,0,0,36.6,20.417a2.472,2.472,0,0,1-.589,2.517L7.346,51.6a3.574,3.574,0,0,0,0,5.057,3.658,3.658,0,0,0,5.057,0L41.066,27.993a2.467,2.467,0,0,1,2.517-.589A10.808,10.808,0,0,0,57.5,15.01L52.04,20.554a2.459,2.459,0,0,1-3.473,0l-5.121-5.121a2.459,2.459,0,0,1,0-3.472l5.523-5.523A11.062,11.062,0,0,0,47,6.263Z" transform="translate(0.202 0.203)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/><rect width="2.5" height="2.5" transform="translate(11.25 51.482) rotate(45)" fill="var(--accent-hover, rgb(236, 160, 0))" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M9.874,60.2a6.076,6.076,0,0,1-4.3-10.373L34.239,21.167A13.283,13.283,0,0,1,49.475,4.051a2.462,2.462,0,0,1,1.26,4.155l-5.521,5.521,5.12,5.059,5.46-5.522a2.463,2.463,0,0,1,4.155,1.26,13.31,13.31,0,0,1-17.13,15.261L14.171,58.422A6.035,6.035,0,0,1,9.874,60.2ZM47,6.263a10.965,10.965,0,0,0-7.76,3.2A10.778,10.778,0,0,0,36.6,20.417a2.472,2.472,0,0,1-.589,2.517L7.346,51.6a3.574,3.574,0,0,0,0,5.057,3.658,3.658,0,0,0,5.057,0L41.066,27.993a2.467,2.467,0,0,1,2.517-.589A10.808,10.808,0,0,0,57.5,15.01L52.04,20.554a2.459,2.459,0,0,1-3.473,0l-5.121-5.121a2.459,2.459,0,0,1,0-3.472l5.523-5.523A11.062,11.062,0,0,0,47,6.263Z" transform="translate(0.202 0.203)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/><rect width="2.5" height="2.5" transform="translate(11.25 51.482) rotate(45)" fill="var(--road-secondary-500, rgb(252, 183, 49))" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/></svg>

package/dist/collection/components/icon/svg/wrench-tools-outline-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-914.922 -748.1)"><path d="M953.127,788.6c-22.753-22.753-22.764-22.764-22.946-22.855l-3.817-1.285-4.607-6.911,2.611-2.611,6.911,4.607L932.5,763.2l.067.163c.092.183.1.194,22.856,22.946l1.767-1.767-22.412-22.412-1.4-4.187-9.329-6.22-5.51,5.51,6.221,9.329,4.186,1.4,22.412,22.412Z"/><rect width="2.5" height="2.5" transform="translate(924.323 801.3) rotate(-45)" fill="var(--accent-hover, rgb(236, 160, 0))"/><path d="M924.975,808.479a6.075,6.075,0,0,1-4.3-10.371l17.443-17.444,1.768,1.768-17.444,17.444a3.577,3.577,0,0,0,5.058,5.058l17.443-17.444,1.768,1.768L929.271,806.7A6.055,6.055,0,0,1,924.975,808.479Z"/><path d="M956.079,779.9l-1.767-1.768,1.854-1.855a2.47,2.47,0,0,1,2.518-.588,10.809,10.809,0,0,0,13.913-12.4l-5.456,5.543a2.516,2.516,0,0,1-3.475,0l-5.119-5.118a2.459,2.459,0,0,1,0-3.474l5.521-5.521a10.992,10.992,0,0,0-9.725,3.022A10.78,10.78,0,0,0,951.7,768.7a2.471,2.471,0,0,1-.589,2.518l-1.854,1.854-1.768-1.767,1.855-1.855a13.282,13.282,0,0,1,15.235-17.116,2.463,2.463,0,0,1,1.261,4.155l-5.522,5.522,5.121,5.057,5.46-5.52a2.463,2.463,0,0,1,4.155,1.26,13.309,13.309,0,0,1-17.13,15.26Z"/><path d="M970.225,808.481a5.045,5.045,0,0,1-3.591-1.487L956.169,796.53c-1.072-.009-3.536,0-3.537,0l-.812,0-.331-.741c-1.718-3.84-1.718-3.84-1.1-4.462l7.525-7.526c.6-.555.6-.556,4.593.821l.844.291,0,.893s0,2.462,0,3.537l10.463,10.465a5.078,5.078,0,0,1-3.59,8.668Zm-16.005-14.45c2.986,0,3.029.043,3.354.368L968.4,805.227a2.579,2.579,0,0,0,3.647-3.647l-10.827-10.827c-.349-.349-.373-.373-.368-4.053-.644-.221-1.263-.432-1.71-.584L952.76,792.5c.183.415.427.964.679,1.53Z" fill="var(--accent-hover, rgb(236, 160, 0))"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(-914.922 -748.1)"><path d="M953.127,788.6c-22.753-22.753-22.764-22.764-22.946-22.855l-3.817-1.285-4.607-6.911,2.611-2.611,6.911,4.607L932.5,763.2l.067.163c.092.183.1.194,22.856,22.946l1.767-1.767-22.412-22.412-1.4-4.187-9.329-6.22-5.51,5.51,6.221,9.329,4.186,1.4,22.412,22.412Z"/><rect width="2.5" height="2.5" transform="translate(924.323 801.3) rotate(-45)" fill="var(--road-secondary-500, rgb(252, 183, 49))"/><path d="M924.975,808.479a6.075,6.075,0,0,1-4.3-10.371l17.443-17.444,1.768,1.768-17.444,17.444a3.577,3.577,0,0,0,5.058,5.058l17.443-17.444,1.768,1.768L929.271,806.7A6.055,6.055,0,0,1,924.975,808.479Z"/><path d="M956.079,779.9l-1.767-1.768,1.854-1.855a2.47,2.47,0,0,1,2.518-.588,10.809,10.809,0,0,0,13.913-12.4l-5.456,5.543a2.516,2.516,0,0,1-3.475,0l-5.119-5.118a2.459,2.459,0,0,1,0-3.474l5.521-5.521a10.992,10.992,0,0,0-9.725,3.022A10.78,10.78,0,0,0,951.7,768.7a2.471,2.471,0,0,1-.589,2.518l-1.854,1.854-1.768-1.767,1.855-1.855a13.282,13.282,0,0,1,15.235-17.116,2.463,2.463,0,0,1,1.261,4.155l-5.522,5.522,5.121,5.057,5.46-5.52a2.463,2.463,0,0,1,4.155,1.26,13.309,13.309,0,0,1-17.13,15.26Z"/><path d="M970.225,808.481a5.045,5.045,0,0,1-3.591-1.487L956.169,796.53c-1.072-.009-3.536,0-3.537,0l-.812,0-.331-.741c-1.718-3.84-1.718-3.84-1.1-4.462l7.525-7.526c.6-.555.6-.556,4.593.821l.844.291,0,.893s0,2.462,0,3.537l10.463,10.465a5.078,5.078,0,0,1-3.59,8.668Zm-16.005-14.45c2.986,0,3.029.043,3.354.368L968.4,805.227a2.579,2.579,0,0,0,3.647-3.647l-10.827-10.827c-.349-.349-.373-.373-.368-4.053-.644-.221-1.263-.432-1.71-.584L952.76,792.5c.183.415.427.964.679,1.53Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/></g></svg>

package/dist/collection/components/icon/svg/zoom-in-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(8.167 7.702)"><path d="M40.6,12.74a19.181,19.181,0,1,0,0,27.124A19.118,19.118,0,0,0,40.6,12.74ZM38.339,37.6a15.984,15.984,0,1,1,0-22.6A15.872,15.872,0,0,1,38.339,37.6Z" transform="translate(-7.854 -7.121)"/><rect width="3.199" height="17.901" transform="translate(33.259 35.526) rotate(-45.032)"/><path d="M9967.832,2468.3v-8.355h-8.5v-3h8.5V2448.3h3v8.646h8.5v3h-8.5v8.355Z" transform="translate(-9949.795 -2439.262)" fill="var(--accent-hover, rgb(236, 160, 0))" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(8.167 7.702)"><path d="M40.6,12.74a19.181,19.181,0,1,0,0,27.124A19.118,19.118,0,0,0,40.6,12.74ZM38.339,37.6a15.984,15.984,0,1,1,0-22.6A15.872,15.872,0,0,1,38.339,37.6Z" transform="translate(-7.854 -7.121)"/><rect width="3.199" height="17.901" transform="translate(33.259 35.526) rotate(-45.032)"/><path d="M9967.832,2468.3v-8.355h-8.5v-3h8.5V2448.3h3v8.646h8.5v3h-8.5v8.355Z" transform="translate(-9949.795 -2439.262)" fill="var(--road-secondary-500, rgb(252, 183, 49))" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/></g></svg>

package/dist/collection/components/icon/svg/zoom-out-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(8.167 7.702)"><path d="M40.6,12.74a19.181,19.181,0,1,0,0,27.124A19.118,19.118,0,0,0,40.6,12.74ZM38.339,37.6a15.984,15.984,0,1,1,0-22.6A15.872,15.872,0,0,1,38.339,37.6Z" transform="translate(-7.854 -7.121)"/><rect width="3.199" height="17.901" transform="translate(33.259 35.526) rotate(-45.032)"/><rect width="20" height="3" transform="translate(9.183 17.681)" fill="var(--accent-hover, rgb(236, 160, 0))"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(8.167 7.702)"><path d="M40.6,12.74a19.181,19.181,0,1,0,0,27.124A19.118,19.118,0,0,0,40.6,12.74ZM38.339,37.6a15.984,15.984,0,1,1,0-22.6A15.872,15.872,0,0,1,38.339,37.6Z" transform="translate(-7.854 -7.121)"/><rect width="3.199" height="17.901" transform="translate(33.259 35.526) rotate(-45.032)"/><rect width="20" height="3" transform="translate(9.183 17.681)" fill="var(--road-secondary-500, rgb(252, 183, 49))"/></g></svg>

package/dist/collection/components/input/input.css

@@ -7,6 +7,7 @@
  * - Label
  * - Sizes
  * - Error
+ * - Helper
  */
 
 /**
@@ -211,3 +212,12 @@
 .was-validated .form-control:invalid ~ .invalid-feedback {
   display: block;
 }
+
+/* HELPER
+ -------------------- */
+
+.helper {
+  margin-top: 0.5rem;
+  font-size: 0.875rem;
+  color: var(--road-grey-500);
+}

package/dist/collection/components/input/input.js

@@ -117,7 +117,8 @@ export class Input {
     return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` },
       h("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }),
       h("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label),
-      this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error)));
+      this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error),
+      this.helper && this.helper !== '' && h("p", { class: "helper" }, this.helper)));
   }
   static get is() { return "road-input"; }
   static get encapsulation() { return "scoped"; }
@@ -577,6 +578,23 @@ export class Input {
       "attribute": "error",
       "reflect": false
     },
+    "helper": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Helper message for the field"
+      },
+      "attribute": "helper",
+      "reflect": false
+    },
     "debounce": {
       "type": "number",
       "mutable": false,

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

@@ -28,6 +28,9 @@ export default {
     error: {
       control: 'text',
     },
+    helper: {
+      control: 'text',
+    },
     label: {
       control: 'text',
     },
@@ -183,6 +186,7 @@ const Template = (args) => html`
     required="${ifDefined(args.required)}"
     autofocus="${ifDefined(args.autofocus)}"
     error="${ifDefined(args.error)}"
+    helper="${ifDefined(args.helper)}"
     size="${ifDefined(args.size)}"
     sizes="${ifDefined(args.sizes)}"
     min="${ifDefined(args.min)}" 
@@ -232,3 +236,8 @@ export const Error = Template.bind({});
 Error.args = {
   error: 'This field is required',
 };
+
+export const Helper = Template.bind({});
+Helper.args = {
+  helper: 'This field is required',
+};

package/dist/collection/components/radio/radio.js

@@ -227,6 +227,23 @@ export class Radio {
       "attribute": "error",
       "reflect": false
     },
+    "helper": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Helper message for the field"
+      },
+      "attribute": "helper",
+      "reflect": false
+    },
     "inline": {
       "type": "boolean",
       "mutable": false,

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

@@ -24,6 +24,7 @@ export const Playground = (args) => html`
   name="${ifDefined(args.name)}"
   label="Label of radio group" 
   error="${ifDefined(args.error)}" 
+  helper="${ifDefined(args.helper)}"
   @roadchange=${event => args.roadchange(event.detail.value)}
   asterisk="${ifDefined(args.asterisk)}"
 >
@@ -63,6 +64,9 @@ Playground.argTypes = {
   error: {
     control: 'text',
   },
+  helper: {
+    control: 'text',
+  },
   label: {
     control: 'text',
   },

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

@@ -51,3 +51,12 @@
   font-size: 0.75rem;
   color: var(--road-danger-text);
 }
+
+/* HELPER
+ -------------------- */
+
+.helper {
+  margin-top: 0.5rem;
+  font-size: 0.75rem;
+  color: var(--road-grey-500);
+}

package/dist/collection/components/radio-group/radio-group.js

@@ -65,7 +65,8 @@ export class RadioGroup {
         " ",
         this.asterisk && h("span", { class: "asterisk" }, "*")),
       h("slot", null),
-      this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error)));
+      this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error),
+      this.helper && this.helper !== '' && h("p", { class: "helper" }, this.helper)));
   }
   static get is() { return "road-radio-group"; }
   static get encapsulation() { return "scoped"; }
@@ -216,6 +217,23 @@ export class RadioGroup {
       },
       "attribute": "error",
       "reflect": false
+    },
+    "helper": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Helper message for the radio group"
+      },
+      "attribute": "helper",
+      "reflect": false
     }
   }; }
   static get events() { return [{

package/dist/collection/components/tab-bar/tab-bar.css

@@ -26,7 +26,6 @@
   font-family: var(--road-font, sans-serif);
   line-height: 1.5;
   color: var(--road-grey-900);
-  text-transform: uppercase;
   list-style: none;
   background: var(--tab-bar-background);
   border-bottom: 1px solid var(--road-grey-300);

package/dist/collection/components/tab-button/tab-button.css

@@ -158,7 +158,11 @@
 /* LABEL
  -------------------- */
 
+:host ::slotted(road-label) {
+  font-size: 1rem;
+}
+
 :host(.tab-layout-icon-top) ::slotted(road-label) {
   margin-top: 0.25rem;
-  font-size: 0.625rem;
+  font-size: 1rem;
 }

package/dist/collection/components/textarea/textarea.css

@@ -7,6 +7,7 @@
  * - Label
  * - Sizes
  * - Error
+ * - Helper
  */
 
 :host {
@@ -172,3 +173,12 @@
 .was-validated .form-control:invalid ~ .invalid-feedback {
   display: block;
 }
+
+/* HELPER
+ -------------------- */
+
+.helper {
+  margin-top: 0.5rem;
+  font-size: 0.875rem;
+  color: var(--road-grey-500);
+}

package/dist/collection/components/textarea/textarea.js

@@ -80,7 +80,8 @@ export class Textarea {
     return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` },
       h("textarea", { class: `form-control textarea-control ${hasValueClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }),
       h("label", { class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label),
-      this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error)));
+      this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error),
+      this.helper && this.helper !== '' && h("p", { class: "helper" }, this.helper)));
   }
   static get is() { return "road-textarea"; }
   static get encapsulation() { return "scoped"; }
@@ -441,6 +442,23 @@ export class Textarea {
       },
       "attribute": "error",
       "reflect": false
+    },
+    "helper": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Helper message for the field"
+      },
+      "attribute": "helper",
+      "reflect": false
     }
   }; }
   static get events() { return [{

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

@@ -28,6 +28,9 @@ export default {
     error: {
       control: 'text',
     },
+    helper: {
+      control: 'text',
+    },
     label: {
       control: 'text',
     },
@@ -134,6 +137,7 @@ const Template = (args) => html`
     required="${ifDefined(args.required)}"
     autofocus="${ifDefined(args.autofocus)}"
     error="${ifDefined(args.error)}"
+    helper="${ifDefined(args.helper)}"
     maxlength="${ifDefined(args.maxlength)}"
     minlength="${ifDefined(args.minlength)}"
     sizes="${ifDefined(args.sizes)}"
@@ -169,3 +173,8 @@ Error.args = {
   error: 'This field is required',
   required: true,
 };
+
+export const Helper = Template.bind({});
+Helper.args = {
+  helper: 'This field is required',
+};

package/dist/esm/loader.js

@@ -25,7 +25,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["road-badge_11",[[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[1,"road-label"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-counter",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"]}]]],["road-carousel",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-rating",[[1,"road-rating",{"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"position":[1],"open":[64],"close":[64]}]]],["road-alert",[[1,"road-alert",{"color":[1]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar",[[1,"road-avatar"]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress",[[1,"road-progress",{"value":[2],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025]}]]],["road-range",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"]}]]],["road-select",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter",[[6,"road-select-filter",{"options":[16],"parameters":[8],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner"]]],["road-switch",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1]}]]],["road-toggle",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-tooltip",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-input",[[2,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"debounce":[2]}]]],["road-input-group",[[1,"road-input-group"]]]], options);
+  return bootstrapLazy([["road-badge_11",[[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[1,"road-label"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-counter",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-rating",[[1,"road-rating",{"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"position":[1],"open":[64],"close":[64]}]]],["road-alert",[[1,"road-alert",{"color":[1]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar",[[1,"road-avatar"]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress",[[1,"road-progress",{"value":[2],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-range",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"]}]]],["road-select",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter",[[6,"road-select-filter",{"options":[16],"parameters":[8],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner"]]],["road-switch",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-tooltip",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-input",[[2,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}]]],["road-input-group",[[1,"road-input-group"]]]], options);
   });
 };
 

package/dist/esm/road-accordion.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h } from './index-0c8a0e04.js';
 import { n as navigationChevron } from './index-d612e910.js';
 import './polyfill-2b159e86.js';
 
-const accordionCss = ":host{--accordion-header-border:1px;--content-margin:0 1rem 1rem;--content-padding:1rem 0.5rem 0;--header-padding:1rem 0.5rem 1rem 1rem;--icon-color:var(--road-grey-900);--max-height:800px;display:block;margin-bottom:1rem}.accordion{max-height:4.25rem;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:0.875rem;line-height:1.5;color:var(--road-grey-900);background:var(--road-grey-000);border:1px solid var(--road-grey-300);border-radius:0.25rem;-webkit-transition:max-height 0.3s ease-in-out;transition:max-height 0.3s ease-in-out}.accordion[open]{max-height:var(--max-height)}.accordion[open] .accordion-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.accordion[open] .accordion-content{padding:var(--content-padding);margin:var(--content-margin)}.accordion-trigger{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:4rem;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-info-default)}.accordion-trigger:active{background:var(--road-grey-100)}.accordion-header{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--header-padding);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.accordion-arrow{margin-left:1rem;color:var(--icon-color);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.accordion-content{padding:0 0.5rem;margin:0 1rem;overflow:hidden;border-top:var(--accordion-header-border) solid var(--road-grey-300)}";
+const accordionCss = ":host{--accordion-header-border:1px;--content-margin:0 1rem 1rem;--content-padding:1rem 0.5rem 0;--header-padding:1rem 0.5rem 1rem 1rem;--icon-color:var(--road-grey-900);--max-height:800px;display:block;margin-bottom:1rem}.accordion{max-height:4.25rem;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:1rem;line-height:1.5;color:var(--road-grey-900);background:var(--road-grey-000);border:1px solid var(--road-grey-300);border-radius:0.25rem;-webkit-transition:max-height 0.3s ease-in-out;transition:max-height 0.3s ease-in-out}.accordion.accordion-light{border:0}.accordion[open]{max-height:var(--max-height)}.accordion[open] .accordion-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.accordion[open] .accordion-content{padding:var(--content-padding);margin:var(--content-margin)}.accordion-light[open] .accordion-light-content{padding:0 0.5rem 1rem;margin:0 1rem 1rem}.accordion-light[open] .accordion-light-header::after{display:none}.accordion-trigger{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:4rem;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-info-default)}.accordion-trigger:active{background:var(--road-grey-100)}.accordion-header{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--header-padding);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.accordion-light-header{position:relative;font-weight:700}.accordion-light-header::after{position:absolute;bottom:1px;width:98.3%;height:1px;content:\"\";background:var(--road-grey-400)}.accordion-arrow{margin-left:1rem;color:var(--icon-color);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.accordion-content{padding:0 0.5rem;margin:0 1rem;overflow:hidden;border-top:var(--accordion-header-border) solid var(--road-grey-300)}.accordion-light-content{border-top:0;border-bottom:1px solid var(--road-grey-400)}";
 
 let Accordion = class {
   constructor(hostRef) {
@@ -11,6 +11,10 @@ let Accordion = class {
      * Set to `true` to open the accordion and to `false` to close it.
      */
     this.isOpen = false;
+    /**
+     * Set to `true` to remove border the accordion and to `false` to add border it.
+     */
+    this.isLight = false;
     /**
      * Toggle the display when clicking header
      */
@@ -19,7 +23,10 @@ let Accordion = class {
     };
   }
   render() {
-    return (h("details", { class: "accordion", open: this.isOpen }, h("summary", { class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, h("div", { class: "accordion-header" }, h("slot", { name: "header" }), h("road-icon", { class: "accordion-arrow", icon: navigationChevron }))), h("div", { class: "accordion-content" }, h("slot", null))));
+    const accordionLight = this.isLight ? 'accordion accordion-light' : 'accordion';
+    const accordionLightHeader = this.isLight ? 'accordion-header accordion-light-header' : 'accordion-header';
+    const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
+    return (h("details", { class: accordionLight, open: this.isOpen }, h("summary", { class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, h("div", { class: accordionLightHeader }, h("slot", { name: "header" }), h("road-icon", { class: "accordion-arrow", icon: navigationChevron }))), h("div", { class: accordionLightContent }, h("slot", null))));
   }
 };
 Accordion.style = accordionCss;

package/dist/esm/road-banner.entry.js

@@ -0,0 +1,41 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0c8a0e04.js';
+import { a as navigationClose } from './index-d612e910.js';
+
+const bannerCss = ":host{display:none}:host(.banner-open){position:relative;display:block;padding:1rem 2rem;font-size:1rem;text-align:center;background-color:var(--road-secondary-500)}.banner-close{position:absolute;top:0;right:0;padding:0.25rem;cursor:pointer;background:none;border:0}.banner-open-label{font-weight:700}.banner-open-link{display:block;margin:0.25rem 0.75rem;font-size:0.875rem;color:var(--road-grey-900)}@media (min-width: 992px){.banner-close{right:0.25rem;bottom:0}.banner-open-link{display:initial}}";
+
+let Banner = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onClose = createEvent(this, "close", 7);
+    /**
+     * Set `open` property to `true` to open the banner
+     */
+    this.isOpen = true;
+    /**
+     * Text display in the banner
+     */
+    this.label = '';
+    /**
+     * Close the dialog when clicking on the cross or layer
+     */
+    this.onClick = (ev) => {
+      ev.stopPropagation();
+      ev.preventDefault();
+      this.close();
+    };
+  }
+  /**
+   * Close the banner
+   */
+  async close() {
+    this.isOpen = false;
+    this.onClose.emit();
+  }
+  render() {
+    const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
+    return (h(Host, { class: bannerIsOpenClass }, h("div", null, h("span", { class: "banner-open-label" }, this.label), this.link && h("a", { href: this.url, class: "banner-open-link" }, this.link), h("button", { type: "button", class: "banner-close", onClick: this.onClick }, h("road-icon", { icon: navigationClose, size: "md" })))));
+  }
+};
+Banner.style = bannerCss;
+
+export { Banner as road_banner };

package/dist/esm/road-checkbox.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-0
 import { c as checkWide, b as navigationAddLess } from './index-d612e910.js';
 import './polyfill-2b159e86.js';
 
-const checkboxCss = ".sc-road-checkbox-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:1rem;line-height:1.5;color:var(--road-grey-900)}.form-check-input.sc-road-checkbox{position:absolute;z-index:-1;opacity:0}.form-check-label.sc-road-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-check-label.sc-road-checkbox::before{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 0.75rem 0 0;content:\"\";background:var(--road-grey-000);border:1px solid var(--road-grey-400);border-radius:0.25rem;-webkit-transition:border 0.2s ease-in-out, background 0.2s ease-in-out;transition:border 0.2s ease-in-out, background 0.2s ease-in-out}.form-check-icon.sc-road-checkbox{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:1.25rem;height:1.25rem;color:var(--road-primary-contrast);opacity:0;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}@media (hover: hover){.form-check-input.sc-road-checkbox:not(:disabled)~.form-check-label.sc-road-checkbox:hover::before{border-color:var(--road-primary-700)}.form-check-input.sc-road-checkbox:not(:disabled):checked~.form-check-label.sc-road-checkbox:hover::before,.form-check-input.sc-road-checkbox:not(:disabled):indeterminate~.form-check-label.sc-road-checkbox:hover::before{background:var(--road-primary-700)}}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{opacity:1}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-primary-500);border-color:var(--road-primary-500)}.form-check-input.focus-visible.sc-road-checkbox~.form-check-label.sc-road-checkbox::before{-webkit-box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700);box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-check-input.focus-visible.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.focus-visible.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-primary-700);border-color:var(--road-primary-700)}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox{cursor:not-allowed}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox::before,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox::before{background:var(--road-disabled);border:none}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{fill:var(--road-grey-400)}.invalid-feedback.sc-road-checkbox{display:none;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;margin-top:0.5rem;font-size:0.75rem;color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.form-check-label.sc-road-checkbox::before,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.form-check-label.sc-road-checkbox::before{border-color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.invalid-feedback.sc-road-checkbox,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.invalid-feedback.sc-road-checkbox{display:block}.form-checkbox-inverse.sc-road-checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.form-checkbox-inverse.sc-road-checkbox::before{margin:0 0 0 1rem}.form-checkbox-inverse.sc-road-checkbox .form-check-icon.sc-road-checkbox{right:0;left:auto}";
+const checkboxCss = ".sc-road-checkbox-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:1rem;line-height:1.5;color:var(--road-grey-900)}.form-check-input.sc-road-checkbox{position:absolute;z-index:-1;opacity:0}.form-check-label.sc-road-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-check-label.sc-road-checkbox::before{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 0.75rem 0 0;content:\"\";background:var(--road-grey-000);border:1px solid var(--road-grey-400);border-radius:0.25rem;-webkit-transition:border 0.2s ease-in-out, background 0.2s ease-in-out;transition:border 0.2s ease-in-out, background 0.2s ease-in-out}.form-check-icon.sc-road-checkbox{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:1.25rem;height:1.25rem;color:var(--road-primary-contrast);opacity:0;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}@media (hover: hover){.form-check-input.sc-road-checkbox:not(:disabled)~.form-check-label.sc-road-checkbox:hover::before{border-color:var(--road-primary-700)}.form-check-input.sc-road-checkbox:not(:disabled):checked~.form-check-label.sc-road-checkbox:hover::before,.form-check-input.sc-road-checkbox:not(:disabled):indeterminate~.form-check-label.sc-road-checkbox:hover::before{background:var(--road-primary-700)}}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{opacity:1}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-primary-500);border-color:var(--road-primary-500)}.form-check-input.focus-visible.sc-road-checkbox~.form-check-label.sc-road-checkbox::before{-webkit-box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700);box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-check-input.focus-visible.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.focus-visible.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-primary-700);border-color:var(--road-primary-700)}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox{cursor:not-allowed}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox::before,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox::before{background:var(--road-disabled);border:none}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{fill:var(--road-grey-400)}.invalid-feedback.sc-road-checkbox{display:none;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;margin-top:0.5rem;font-size:0.75rem;color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.form-check-label.sc-road-checkbox::before,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.form-check-label.sc-road-checkbox::before{border-color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.invalid-feedback.sc-road-checkbox,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.invalid-feedback.sc-road-checkbox{display:block}.form-checkbox-inverse.sc-road-checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.form-checkbox-inverse.sc-road-checkbox::before{margin:0 0 0 1rem}.form-checkbox-inverse.sc-road-checkbox .form-check-icon.sc-road-checkbox{right:0;left:auto}.helper.sc-road-checkbox{margin-top:0.5rem;font-size:0.75rem;color:var(--road-grey-500)}";
 
 let Checkbox = class {
   constructor(hostRef) {
@@ -76,7 +76,7 @@ let Checkbox = class {
     const labelId = this.checkboxId + '-label';
     const inverseClass = this.inverse && 'form-checkbox-inverse';
     const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
-    return (h(Host, null, h("input", { class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), h("label", { class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, h("div", null, this.label, h("slot", null)), this.checked && !this.indeterminate && h("road-icon", { class: "form-check-icon", icon: checkWide }), this.indeterminate && h("road-icon", { class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error)));
+    return (h(Host, null, h("input", { class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), h("label", { class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, h("div", null, this.label, h("slot", null)), this.checked && !this.indeterminate && h("road-icon", { class: "form-check-icon", icon: checkWide }), this.indeterminate && h("road-icon", { class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && h("p", { class: "helper" }, this.helper)));
   }
   static get watchers() { return {
     "checked": ["checkedChanged"]