@roadtrip/components 3.5.0 → 3.7.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.
- package/dist/cjs/index-a2306350.js +12 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-navbar-item.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-vertical-item.cjs.entry.js +19 -0
- package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js +19 -0
- package/dist/cjs/road-progress.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +29 -0
- package/dist/cjs/road-textarea.cjs.entry.js +7 -2
- package/dist/cjs/road-toast.cjs.entry.js +1 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +4 -3
- package/dist/collection/components/button/button.css +1 -0
- package/dist/collection/components/global-navigation/global-navigation.stories.js +11 -11
- package/dist/collection/components/icon/svg/file-archive-color.svg +1 -1
- package/dist/collection/components/icon/svg/file-archive-outline.svg +1 -1
- package/dist/collection/components/icon/svg/flag-croatia-color.svg +1 -1
- package/dist/collection/components/icon/svg/flag-slovenia-color.svg +1 -1
- package/dist/collection/components/icon/svg/folding-chair-color.svg +1 -0
- package/dist/collection/components/icon/svg/folding-chair-outline.svg +1 -0
- package/dist/collection/components/icon/svg/furniture-color.svg +1 -0
- package/dist/collection/components/icon/svg/furniture-outline.svg +1 -0
- package/dist/collection/components/icon/svg/microwave-color.svg +1 -0
- package/dist/collection/components/icon/svg/microwave-outline.svg +1 -0
- package/dist/collection/components/icon/svg/season-swap-color.svg +1 -0
- package/dist/collection/components/icon/svg/season-swap-outline.svg +1 -0
- package/dist/collection/components/icon/svg/shower-color.svg +1 -0
- package/dist/collection/components/icon/svg/shower-outline.svg +1 -0
- package/dist/collection/components/icon/svg/sticker-certified-tuv-hu-au-color.svg +1 -0
- package/dist/collection/components/icon/svg/sticker-certified-tuv-hu-au-outline.svg +1 -0
- package/dist/collection/components/icon/svg/vehicle-rooftop-tent-color.svg +1 -1
- package/dist/collection/components/icon/svg/vehicle-rooftop-tent-outline.svg +1 -1
- package/dist/collection/components/icon/svg/vehicle-rooftop-tent-solid.svg +1 -1
- package/dist/collection/components/icon/svg/ventilator-color.svg +1 -1
- package/dist/collection/components/icon/svg/ventilator-outline.svg +1 -1
- package/dist/collection/components/icon/svg/water-outline.svg +1 -1
- package/dist/collection/components/navbar/navbar.stories.js +11 -11
- package/dist/collection/components/navbar-item/navbar-item.css +1 -1
- package/dist/collection/components/progress/progress.css +4 -0
- package/dist/collection/components/progress/progress.js +2 -2
- package/dist/collection/components/progress/progress.stories.js +6 -1
- package/dist/collection/components/{vertical-stepper/vertical-stepper.css → progress-indicator-vertical/progress-indicator-vertical.css} +2 -2
- package/dist/collection/components/{vertical-stepper/vertical-stepper.js → progress-indicator-vertical/progress-indicator-vertical.js} +8 -9
- package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.stories.js +256 -0
- package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.css +212 -0
- package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.js +20 -0
- package/dist/collection/components/tag/tag.css +109 -0
- package/dist/collection/components/tag/tag.js +73 -0
- package/dist/collection/components/tag/tag.stories.js +50 -0
- package/dist/collection/components/textarea/textarea.css +4 -0
- package/dist/collection/components/textarea/textarea.js +24 -1
- package/dist/collection/components/textarea/textarea.stories.js +9 -0
- package/dist/collection/components/toast/toast.css +2 -0
- package/dist/esm/index-a99a5e7b.js +12 -8
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-navbar-item.entry.js +1 -1
- package/dist/esm/road-progress-indicator-vertical-item.entry.js +15 -0
- package/dist/esm/road-progress-indicator-vertical.entry.js +15 -0
- package/dist/esm/road-progress.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +25 -0
- package/dist/esm/road-textarea.entry.js +7 -2
- package/dist/esm/road-toast.entry.js +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +78 -28
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +12 -0
- package/dist/icons/index.js +39 -20
- package/dist/roadtrip/p-07bb357f.entry.js +1 -0
- package/dist/roadtrip/p-0f2ef43f.entry.js +1 -0
- package/dist/roadtrip/{p-4b77e940.entry.js → p-2128ac77.entry.js} +1 -1
- package/dist/roadtrip/p-38cf1a21.entry.js +1 -0
- package/dist/roadtrip/{p-57e3fe85.entry.js → p-870feb87.entry.js} +1 -1
- package/dist/roadtrip/p-df3469df.entry.js +1 -0
- package/dist/roadtrip/p-e10c9e2d.entry.js +1 -0
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/file-archive-color.svg +1 -1
- package/dist/roadtrip/svg/file-archive-outline.svg +1 -1
- package/dist/roadtrip/svg/flag-croatia-color.svg +1 -1
- package/dist/roadtrip/svg/flag-slovenia-color.svg +1 -1
- package/dist/roadtrip/svg/folding-chair-color.svg +1 -0
- package/dist/roadtrip/svg/folding-chair-outline.svg +1 -0
- package/dist/roadtrip/svg/furniture-color.svg +1 -0
- package/dist/roadtrip/svg/furniture-outline.svg +1 -0
- package/dist/roadtrip/svg/microwave-color.svg +1 -0
- package/dist/roadtrip/svg/microwave-outline.svg +1 -0
- package/dist/roadtrip/svg/season-swap-color.svg +1 -0
- package/dist/roadtrip/svg/season-swap-outline.svg +1 -0
- package/dist/roadtrip/svg/shower-color.svg +1 -0
- package/dist/roadtrip/svg/shower-outline.svg +1 -0
- package/dist/roadtrip/svg/sticker-certified-tuv-hu-au-color.svg +1 -0
- package/dist/roadtrip/svg/sticker-certified-tuv-hu-au-outline.svg +1 -0
- package/dist/roadtrip/svg/vehicle-rooftop-tent-color.svg +1 -1
- package/dist/roadtrip/svg/vehicle-rooftop-tent-outline.svg +1 -1
- package/dist/roadtrip/svg/vehicle-rooftop-tent-solid.svg +1 -1
- package/dist/roadtrip/svg/ventilator-color.svg +1 -1
- package/dist/roadtrip/svg/ventilator-outline.svg +1 -1
- package/dist/roadtrip/svg/water-outline.svg +1 -1
- package/dist/types/components/progress/progress.d.ts +1 -1
- package/dist/types/components/progress-indicator-vertical/progress-indicator-vertical.d.ts +14 -0
- package/dist/types/components/progress-indicator-vertical-item/progress-indicator-vertical-item.d.ts +6 -0
- package/dist/types/components/tag/tag.d.ts +15 -0
- package/dist/types/components/textarea/textarea.d.ts +4 -0
- package/dist/types/components.d.ts +65 -28
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +12 -0
- package/icons/index.js +39 -20
- package/package.json +1 -1
- package/dist/cjs/road-vertical-stepper-item.cjs.entry.js +0 -19
- package/dist/cjs/road-vertical-stepper.cjs.entry.js +0 -19
- package/dist/collection/components/vertical-stepper/vertical-stepper.stories.js +0 -542
- package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.css +0 -185
- package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.js +0 -20
- package/dist/esm/road-vertical-stepper-item.entry.js +0 -15
- package/dist/esm/road-vertical-stepper.entry.js +0 -15
- package/dist/roadtrip/p-42e5299f.entry.js +0 -1
- package/dist/roadtrip/p-80e42f95.entry.js +0 -1
- package/dist/roadtrip/p-932e323f.entry.js +0 -1
- package/dist/roadtrip/p-aa81d540.entry.js +0 -1
- package/dist/types/components/vertical-stepper/vertical-stepper.d.ts +0 -15
- package/dist/types/components/vertical-stepper-item/vertical-stepper-item.d.ts +0 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.42 6.3c-4.87 0-8.84 3.96-8.84 8.84s3.96 8.84 8.84 8.84 8.84-3.96 8.84-8.84S51.3 6.3 46.42 6.3Zm0 15.17c-3.49 0-6.34-2.84-6.34-6.34s2.84-6.34 6.34-6.34 6.34 2.84 6.34 6.34-2.84 6.34-6.34 6.34ZM47.67 0h-2.5v2.52h2.5V0ZM47.67 27.74h-2.5v2.52h2.5v-2.52ZM61.55 13.88h-2.52v2.5h2.52v-2.5ZM33.81 13.88h-2.52v2.5h2.52v-2.5ZM56.236 3.544l-1.782 1.782 1.767 1.768 1.783-1.782-1.768-1.768ZM36.621 23.17l-1.782 1.782 1.767 1.768 1.783-1.781-1.768-1.768ZM56.219 23.17l-1.768 1.768 1.782 1.782L58 24.951l-1.782-1.782ZM36.609 3.543 34.841 5.31l1.782 1.782 1.768-1.767-1.782-1.782ZM22.11 40.69l6.21 1.67.65-2.42-5.51-1.47 1.48-5.51-2.42-.64-1.66 6.21-5.13 2.96v-5.92l4.55-4.55-1.77-1.77-4.03 4.03-4.03-4.03-1.76 1.77 4.54 4.55v5.92l-5.12-2.96-1.67-6.21-2.41.64 1.48 5.51L0 39.94l.65 2.42 6.21-1.67 5.12 2.96-5.12 2.96-6.21-1.67L0 47.36l5.51 1.47-1.48 5.51 2.41.65 1.67-6.22 5.12-2.95v5.91l-4.54 4.55 1.76 1.77 4.03-4.03 4.03 4.03 1.77-1.77-4.55-4.55v-5.91l5.13 2.95 1.66 6.22 2.42-.65-1.48-5.51 5.51-1.47-.65-2.42-6.21 1.67-5.13-2.96 5.13-2.96ZM19.23 20.62l-1.77-1.77-1.72 1.72v-2.09c0-4.41 3.59-8 8-8h2.03v-2.5h-2.03c-5.79 0-10.5 4.71-10.5 10.5v2.09l-1.72-1.72-1.77 1.77 4.74 4.74 4.74-4.74ZM41.95 39.97l1.77 1.77 1.46-1.46v1.82c0 4.41-3.59 8-8 8h-2.03v2.5h2.03c5.79 0 10.5-4.71 10.5-10.5v-2.36l1.99 1.99 1.77-1.77-4.74-4.74-4.75 4.75Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M33.06 15.02v2.51h2.5v-2.51c0-2.76-2.25-5.01-5.01-5.01H3v2.5h27.55c1.38 0 2.51 1.13 2.51 2.51Z"/><path d="M53.63 25.87h-8.01v-3.83c0-.69-.56-1.25-1.25-1.25h-3.79v-5.76c0-5.53-4.5-10.02-10.02-10.02H3v2.5h27.55c4.15 0 7.52 3.38 7.52 7.52v5.76h-9.06c-.69 0-1.25.56-1.25 1.25v3.83h-8.01c-3.99 0-7.24 3.25-7.24 7.24v2.75c0 .69.56 1.25 1.25 1.25h45.85c.69 0 1.25-.56 1.25-1.25v-2.75c0-3.99-3.25-7.24-7.24-7.24h.01Zm-38.61 8.74v-1.5a4.75 4.75 0 0 1 4.74-4.74h18.1v-2.5h-7.59v-2.58h12.85v2.58h-2.37v2.5h12.89a4.75 4.75 0 0 1 4.74 4.74v1.5H15.02Z"/><path d="M36.82 52.23c-.69 0-1.25.58-1.25 1.27a1.25 1.25 0 0 0 2.5 0v-.05c0-.69-.56-1.23-1.25-1.23v.01Zm0-10.1c-.69 0-1.25.58-1.25 1.27a1.25 1.25 0 0 0 2.5 0v-.05c0-.69-.56-1.23-1.25-1.23v.01Zm0 15.15c-.69 0-1.25.58-1.25 1.28a1.25 1.25 0 0 0 2.5 0v-.05c0-.69-.56-1.23-1.25-1.23Zm0-10.1c-.69 0-1.25.58-1.25 1.28a1.25 1.25 0 0 0 2.5 0v-.05c0-.69-.56-1.23-1.25-1.23Zm8.78-2.55c.68-.14 1.11-.8.97-1.48v-.05c-.15-.68-.81-1.08-1.49-.94-.68.14-1.1.83-.96 1.5.12.59.64.99 1.22.99.09 0 .17 0 .26-.03v.01Zm4.05 13.3c-.14-.68-.8-1.08-1.48-.94-.68.14-1.1.83-.96 1.5.12.59.64.99 1.22.99.09 0 .17 0 .26-.03.68-.14 1.11-.8.97-1.48v-.05l-.01.01Zm-1.99-3.41c.68-.14 1.11-.8.97-1.48v-.05c-.15-.68-.81-1.08-1.49-.94-.68.14-1.1.83-.96 1.5.12.59.64.99 1.22.99.09 0 .17 0 .26-.03v.01Zm-1.04-4.94c.68-.14 1.12-.79.98-1.47v-.05c-.15-.68-.8-1.09-1.48-.96-.68.14-1.11.82-.98 1.5.12.59.64 1 1.22 1 .08 0 .16 0 .25-.02h.01Zm12.3 2.95-.02-.05c-.23-.65-.93-.97-1.58-.74-.65.23-.99.97-.76 1.62.18.51.66.84 1.18.84.14 0 .28-.02.41-.07.65-.23.99-.94.77-1.59v-.01Zm-1.67-4.77-.02-.05c-.23-.65-.93-.97-1.58-.74-.65.23-.99.97-.76 1.62.18.51.66.84 1.18.84.14 0 .28-.02.41-.07.65-.23.99-.94.77-1.59v-.01Zm3.34 9.55-.02-.05c-.22-.65-.93-.98-1.58-.76-.65.22-1 .96-.77 1.61.18.52.66.85 1.18.85.13 0 .27-.02.4-.07.65-.22 1-.93.78-1.59l.01.01Zm-5-14.32-.02-.05c-.23-.65-.93-.97-1.58-.74-.65.23-.99.97-.76 1.62.18.51.66.84 1.18.84.14 0 .28-.02.41-.07.65-.23.99-.94.77-1.59v-.01Zm-29.1 9.06c-.68-.14-1.34.32-1.49.99-.14.68.29 1.34.97 1.48a1.24 1.24 0 0 0 1.48-.96v-.05c.15-.68-.29-1.31-.96-1.46Zm-1.03 4.94c-.68-.14-1.34.32-1.49.99-.14.68.29 1.34.97 1.48a1.24 1.24 0 0 0 1.48-.96v-.05c.15-.68-.29-1.31-.96-1.46Zm2.05-9.89c-.67-.14-1.34.33-1.48 1a1.239 1.239 0 0 0 1.23 1.49c.58 0 1.11-.41 1.22-1v-.05c.15-.68-.3-1.31-.98-1.45l.01.01Zm1.04-4.94c-.68-.14-1.34.32-1.49.99-.14.68.29 1.34.97 1.48a1.24 1.24 0 0 0 1.48-.96v-.05c.15-.68-.29-1.31-.96-1.46Zm-12.18 9.58c-.65-.23-1.37.13-1.6.78-.23.65.11 1.37.76 1.6a1.257 1.257 0 0 0 1.6-.76l.02-.05c.23-.65-.12-1.34-.77-1.57h-.01Zm-1.66 4.77c-.65-.23-1.37.13-1.6.78-.23.65.11 1.37.76 1.6a1.257 1.257 0 0 0 1.6-.76l.02-.05c.23-.65-.12-1.34-.77-1.57h-.01Zm3.32-9.54c-.66-.23-1.37.14-1.6.79-.23.65.11 1.36.77 1.59a1.243 1.243 0 0 0 1.59-.77l.02-.05c.23-.65-.12-1.34-.77-1.57l-.01.01Zm1.67-4.77c-.65-.23-1.37.14-1.6.79-.23.65.11 1.36.77 1.59a1.243 1.243 0 0 0 1.59-.77l.02-.05c.23-.65-.12-1.34-.77-1.57l-.01.01Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M33.06 15.02v2.51h2.5v-2.51c0-2.76-2.25-5.01-5.01-5.01H3v2.5h27.55c1.38 0 2.51 1.13 2.51 2.51Z"/><path d="M53.63 25.87h-8.01v-3.83c0-.69-.56-1.25-1.25-1.25h-3.79v-5.76c0-5.53-4.5-10.02-10.02-10.02H3v2.5h27.55c4.15 0 7.52 3.38 7.52 7.52v5.76h-9.06c-.69 0-1.25.56-1.25 1.25v3.83h-8.01c-3.99 0-7.24 3.25-7.24 7.24v2.75c0 .69.56 1.25 1.25 1.25h45.85c.69 0 1.25-.56 1.25-1.25v-2.75c0-3.99-3.25-7.24-7.24-7.24h.01Zm-38.61 8.74v-1.5a4.75 4.75 0 0 1 4.74-4.74h18.1v-2.5h-7.59v-2.58h12.85v2.58h-2.37v2.5h12.89a4.75 4.75 0 0 1 4.74 4.74v1.5H15.02Zm21.8 17.62c-.69 0-1.25.58-1.25 1.27a1.25 1.25 0 0 0 2.5 0v-.05c0-.69-.56-1.23-1.25-1.23v.01Zm0-10.1c-.69 0-1.25.58-1.25 1.27a1.25 1.25 0 0 0 2.5 0v-.05c0-.69-.56-1.23-1.25-1.23v.01Zm0 15.15c-.69 0-1.25.58-1.25 1.28a1.25 1.25 0 0 0 2.5 0v-.05c0-.69-.56-1.23-1.25-1.23Zm0-10.1c-.69 0-1.25.58-1.25 1.28a1.25 1.25 0 0 0 2.5 0v-.05c0-.69-.56-1.23-1.25-1.23Zm8.78-2.55c.68-.14 1.11-.8.97-1.48v-.05c-.15-.68-.81-1.08-1.49-.94-.68.14-1.1.83-.96 1.5.12.59.64.99 1.22.99.09 0 .17 0 .26-.03v.01Zm4.05 13.3c-.14-.68-.8-1.08-1.48-.94-.68.14-1.1.83-.96 1.5.12.59.64.99 1.22.99.09 0 .17 0 .26-.03.68-.14 1.11-.8.97-1.48v-.05l-.01.01Zm-1.99-3.41c.68-.14 1.11-.8.97-1.48v-.05c-.15-.68-.81-1.08-1.49-.94-.68.14-1.1.83-.96 1.5.12.59.64.99 1.22.99.09 0 .17 0 .26-.03v.01Zm-1.04-4.94c.68-.14 1.12-.79.98-1.47v-.05c-.15-.68-.8-1.09-1.48-.96-.68.14-1.11.82-.98 1.5.12.59.64 1 1.22 1 .08 0 .16 0 .25-.02h.01Zm12.3 2.95-.02-.05c-.23-.65-.93-.97-1.58-.74-.65.23-.99.97-.76 1.62.18.51.66.84 1.18.84.14 0 .28-.02.41-.07.65-.23.99-.94.77-1.59v-.01Zm-1.67-4.77-.02-.05c-.23-.65-.93-.97-1.58-.74-.65.23-.99.97-.76 1.62.18.51.66.84 1.18.84.14 0 .28-.02.41-.07.65-.23.99-.94.77-1.59v-.01Zm3.34 9.55-.02-.05c-.22-.65-.93-.98-1.58-.76-.65.22-1 .96-.77 1.61.18.52.66.85 1.18.85.13 0 .27-.02.4-.07.65-.22 1-.93.78-1.59l.01.01Zm-5-14.32-.02-.05c-.23-.65-.93-.97-1.58-.74-.65.23-.99.97-.76 1.62.18.51.66.84 1.18.84.14 0 .28-.02.41-.07.65-.23.99-.94.77-1.59v-.01Zm-29.1 9.06c-.68-.14-1.34.32-1.49.99-.14.68.29 1.34.97 1.48a1.24 1.24 0 0 0 1.48-.96v-.05c.15-.68-.29-1.31-.96-1.46Zm-1.03 4.94c-.68-.14-1.34.32-1.49.99-.14.68.29 1.34.97 1.48a1.24 1.24 0 0 0 1.48-.96v-.05c.15-.68-.29-1.31-.96-1.46Zm2.05-9.89c-.67-.14-1.34.33-1.48 1a1.239 1.239 0 0 0 1.23 1.49c.58 0 1.11-.41 1.22-1v-.05c.15-.68-.3-1.31-.98-1.45l.01.01Zm1.04-4.94c-.68-.14-1.34.32-1.49.99-.14.68.29 1.34.97 1.48a1.24 1.24 0 0 0 1.48-.96v-.05c.15-.68-.29-1.31-.96-1.46Zm-12.18 9.58c-.65-.23-1.37.13-1.6.78-.23.65.11 1.37.76 1.6a1.257 1.257 0 0 0 1.6-.76l.02-.05c.23-.65-.12-1.34-.77-1.57h-.01Zm-1.66 4.77c-.65-.23-1.37.13-1.6.78-.23.65.11 1.37.76 1.6a1.257 1.257 0 0 0 1.6-.76l.02-.05c.23-.65-.12-1.34-.77-1.57h-.01Zm3.32-9.54c-.66-.23-1.37.14-1.6.79-.23.65.11 1.36.77 1.59a1.243 1.243 0 0 0 1.59-.77l.02-.05c.23-.65-.12-1.34-.77-1.57l-.01.01Zm1.67-4.77c-.65-.23-1.37.14-1.6.79-.23.65.11 1.36.77 1.59a1.243 1.243 0 0 0 1.59-.77l.02-.05c.23-.65-.12-1.34-.77-1.57l-.01.01Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m53.55 12.22-1.77 1.77c4.34 4.76 6.64 10.72 6.92 16.76H52v2.5h6.7c-.28 6.04-2.58 12-6.92 16.76l-4.75-4.75-1.77 1.77 4.75 4.75c-4.63 4.22-10.5 6.66-16.76 6.94V52h-2.5v6.72a26.578 26.578 0 0 1-16.76-6.94l4.75-4.75-1.77-1.77-4.75 4.75C8 45.38 5.56 39.51 5.28 33.25H12v-2.5H5.29c.29-6.26 2.72-12.13 6.94-16.76l-1.77-1.77C5.49 17.63 2.76 24.6 2.76 32c0 7.81 3.04 15.16 8.57 20.68 5.52 5.52 12.87 8.57 20.68 8.57 7.81 0 15.16-3.04 20.68-8.57 11.11-11.11 11.39-29 .86-40.46Z"/><path d="m20.52 41.72 1.77 1.77 4.13-4.13a9.22 9.22 0 0 0 4.34 1.8V47h2.5v-5.84a9.12 9.12 0 0 0 4.34-1.8l4.13 4.13 1.77-1.77-4.13-4.13c.99-1.3 1.59-2.8 1.79-4.34h5.85v-2.5h-5.85c-.21-1.54-.8-3.04-1.79-4.34l-1.78 1.78a6.755 6.755 0 0 1-5.57 10.56c-1.8 0-3.5-.7-4.77-1.98-2.4-2.4-2.6-6.18-.62-8.83-.06.08-.13.15-.18.23h-.02l-1.77-1.77c-.99 1.3-1.58 2.8-1.79 4.34h-5.85v2.5h5.85c.21 1.54.81 3.04 1.79 4.34l-4.14 4.14Z"/><path d="M26.44 28.18A6.735 6.735 0 0 1 32 25.25c2.31 0 4.36 1.17 5.57 2.94l5.39-5.39-.88-.88A14.159 14.159 0 0 0 32 17.75c-3.81 0-7.38 1.48-10.08 4.17l-.88.88 5.37 5.37h.02l.01.01Zm-1.81-5.33c2.08-1.69 4.66-2.6 7.38-2.6 2.72 0 5.29.92 7.38 2.6l-1.78 1.78a9.192 9.192 0 0 0-5.6-1.88c-2.05 0-4 .66-5.6 1.88l-1.78-1.78Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m46.15 19.63-.88-.88c-7.31-7.31-19.21-7.31-26.52 0l-.88.88-7.4-7.4.86-.91c5.52-5.53 12.87-8.57 20.68-8.57 7.81 0 15.16 3.04 20.68 8.57l.86.91-7.4 7.4Zm-14.14-8.87c5.05 0 10.1 1.79 14.12 5.36l3.89-3.89a26.578 26.578 0 0 0-18.01-6.97c-6.73 0-13.08 2.47-18.01 6.97l3.89 3.89c4.01-3.57 9.07-5.36 14.12-5.36Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m53.55 12.22-1.77 1.77c4.34 4.76 6.64 10.72 6.92 16.76H52v2.5h6.7c-.28 6.04-2.58 12-6.92 16.76l-4.75-4.75-1.77 1.77 4.75 4.75c-4.63 4.22-10.5 6.66-16.76 6.94V52h-2.5v6.72a26.578 26.578 0 0 1-16.76-6.94l4.75-4.75-1.77-1.77-4.75 4.75C8 45.38 5.56 39.51 5.28 33.25H12v-2.5H5.29c.29-6.26 2.72-12.13 6.94-16.76l-1.77-1.77C5.49 17.63 2.76 24.6 2.76 32c0 7.81 3.04 15.16 8.57 20.68 5.52 5.52 12.87 8.57 20.68 8.57 7.81 0 15.16-3.04 20.68-8.57 11.11-11.11 11.39-29 .86-40.46Z"/><path d="m20.52 41.72 1.77 1.77 4.13-4.13a9.22 9.22 0 0 0 4.34 1.8V47h2.5v-5.84a9.12 9.12 0 0 0 4.34-1.8l4.13 4.13 1.77-1.77-4.13-4.13c.99-1.3 1.59-2.8 1.79-4.34h5.85v-2.5h-5.85c-.21-1.54-.8-3.04-1.79-4.34l-1.78 1.78a6.755 6.755 0 0 1-5.57 10.56c-1.8 0-3.5-.7-4.77-1.98-2.4-2.4-2.6-6.18-.62-8.83-.06.08-.13.15-.18.23h-.02l-1.77-1.77c-.99 1.3-1.58 2.8-1.79 4.34h-5.85v2.5h5.85c.21 1.54.81 3.04 1.79 4.34l-4.14 4.14Z"/><path d="M26.44 28.18A6.735 6.735 0 0 1 32 25.25c2.31 0 4.36 1.17 5.57 2.94l5.39-5.39-.88-.88A14.159 14.159 0 0 0 32 17.75c-3.81 0-7.38 1.48-10.08 4.17l-.88.88 5.37 5.37h.02l.01.01Zm-1.81-5.33c2.08-1.69 4.66-2.6 7.38-2.6 2.72 0 5.29.92 7.38 2.6l-1.78 1.78a9.192 9.192 0 0 0-5.6-1.88c-2.05 0-4 .66-5.6 1.88l-1.78-1.78Z"/><path d="m46.15 19.63-.88-.88c-7.31-7.31-19.21-7.31-26.52 0l-.88.88-7.4-7.4.86-.91c5.52-5.53 12.87-8.57 20.68-8.57 7.81 0 15.16 3.04 20.68 8.57l.86.91-7.4 7.4Zm-14.14-8.87c5.05 0 10.1 1.79 14.12 5.36l3.89-3.89a26.578 26.578 0 0 0-18.01-6.97c-6.73 0-13.08 2.47-18.01 6.97l3.89 3.89c4.01-3.57 9.07-5.36 14.12-5.36Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.792 31.053c-.57 0-1.14-.22-1.58-.65l-24.83-24.84c-.88-.88-.88-2.3 0-3.18 2.09-2.09 5.42-2.09 7.46-.04l20.59 20.59c2.05 2.05 2.05 5.38 0 7.42-.46.46-1.06.69-1.65.69l.01.01Zm-24.46-27.07 24.47 24.47c.94-1.11.89-2.73-.13-3.75l-20.6-20.59a2.751 2.751 0 0 0-3.75-.13h.01ZM6.398 43.72l1.63-1.1 3.02-4.47a7.728 7.728 0 0 1 4.86-3.24c-.27.79-.59 1.82-1.03 3.18l-.16.49c-.31.99-.15 2.04.45 2.88.6.84 1.55 1.34 2.59 1.36l29.45.52c.47.12.95.22 1.44.29 2.61.36 5.37 1.02 8.21 1.97.92.31 1.7.89 2.26 1.63h2.86a7.205 7.205 0 0 0-4.33-4c-2.99-1-5.9-1.7-8.67-2.08-1.89-.26-3.63-.96-5.02-2.02l-5.81-4.41c-2.35-1.78-5.27-2.72-8.22-2.69l-12.63.2c-3.35.05-6.46 1.74-8.33 4.52l-2.74 4.07-1.23.83a7.28 7.28 0 0 0-2.91 4.02h2.66c.36-.78.92-1.46 1.65-1.94v-.01Zm23.57-9.19c2.38-.03 4.76.74 6.67 2.18l5.35 4.06-10.52-.2.1-.03-1.73-6.01h.13Zm-12.87 4.81.16-.49c.48-1.5 1.02-3.18 1.32-4.13l8.68-.14 1.72 5.95-11.17-.21c-.33 0-.52-.2-.6-.31a.73.73 0 0 1-.1-.66l-.01-.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.792 31.053c-.57 0-1.14-.22-1.58-.65l-24.83-24.84c-.88-.88-.88-2.3 0-3.18 2.09-2.09 5.42-2.09 7.46-.04l20.59 20.59c2.05 2.05 2.05 5.38 0 7.42-.46.46-1.06.69-1.65.69l.01.01Zm-24.46-27.07 24.47 24.47c.94-1.11.89-2.73-.13-3.75l-20.6-20.59a2.751 2.751 0 0 0-3.75-.13h.01ZM6.398 43.72l1.63-1.1 3.02-4.47a7.728 7.728 0 0 1 4.86-3.24c-.27.79-.59 1.82-1.03 3.18l-.16.49c-.31.99-.15 2.04.45 2.88.6.84 1.55 1.34 2.59 1.36l29.45.52c.47.12.95.22 1.44.29 2.61.36 5.37 1.02 8.21 1.97.92.31 1.7.89 2.26 1.63h2.86a7.205 7.205 0 0 0-4.33-4c-2.99-1-5.9-1.7-8.67-2.08-1.89-.26-3.63-.96-5.02-2.02l-5.81-4.41c-2.35-1.78-5.27-2.72-8.22-2.69l-12.63.2c-3.35.05-6.46 1.74-8.33 4.52l-2.74 4.07-1.23.83a7.28 7.28 0 0 0-2.91 4.02h2.66c.36-.78.92-1.46 1.65-1.94v-.01Zm23.57-9.19c2.38-.03 4.76.74 6.67 2.18l5.35 4.06-10.52-.2.1-.03-1.73-6.01h.13Zm-12.87 4.81.16-.49c.48-1.5 1.02-3.18 1.32-4.13l8.68-.14 1.72 5.95-11.17-.21c-.33 0-.52-.2-.6-.31a.73.73 0 0 1-.1-.66l-.01-.01Zm42.96 10.38c0 .13.03.25.03.38v6.06l-3.2.74h-2.5c-.02-3.43-2.82-6.21-6.25-6.21s-6.22 2.78-6.25 6.21h-21.67c-.02-3.43-2.82-6.21-6.25-6.21s-6.09 2.65-6.24 5.97l-2.34-.35a1.74 1.74 0 0 1-1.49-1.83l.36-6.33h-2.5l-.35 6.19a4.225 4.225 0 0 0 3.62 4.44l3.14.47c.92 2.3 3.17 3.94 5.8 3.94s4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.58 0 4.79-1.57 5.75-3.79h3.29l3.67-.85a2.236 2.236 0 0 0 1.74-2.19V50.1c0-.13-.02-.25-.03-.38h-2.51ZM13.968 60.7c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm34.17 0c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Z"/><path d="M27.452 21.734h-5.17v2.5h5.17v-2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m45.212 30.404-2.39-2.39-9.53.14v-2.92c0-7.78-4.35-8.43-8.43-8.43s-8.43.65-8.43 8.43v3.17l-8.54.13c3.46-3.45 9.81-10.75 14.15-21.31l-1.66-1.66c-.1-.1-.18-.2-.25-.31-5.79 14.84-16.17 23.52-16.27 23.61a1.253 1.253 0 0 0 .79 2.22h.02l40.64-.6s-.07-.05-.09-.08h-.01Zm-26.28-5.16c0-5.65 2.25-5.93 5.93-5.93 3.68 0 5.93.29 5.93 5.93v2.95l-11.87.17v-3.13l.01.01ZM62.018 47.22h-5.29v2.5h5.87c-.05-.88-.25-1.72-.58-2.5Zm-59.89-1.56c-.24.77-.29 1.69-.33 2.5h5.56v-2.5h-5.23Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.792 31.053c-.57 0-1.14-.22-1.58-.65l-24.83-24.84c-.88-.88-.88-2.3 0-3.18 2.09-2.09 5.42-2.09 7.46-.04l20.59 20.59c2.05 2.05 2.05 5.38 0 7.42-.46.46-1.06.69-1.65.69l.01.01Zm-24.46-27.07 24.47 24.47c.94-1.11.89-2.73-.13-3.75l-20.6-20.59a2.751 2.751 0 0 0-3.75-.13h.01ZM6.398 43.72l1.63-1.1 3.02-4.47a7.728 7.728 0 0 1 4.86-3.24c-.27.79-.59 1.82-1.03 3.18l-.16.49c-.31.99-.15 2.04.45 2.88.6.84 1.55 1.34 2.59 1.36l29.45.52c.47.12.95.22 1.44.29 2.61.36 5.37 1.02 8.21 1.97.92.31 1.7.89 2.26 1.63h2.86a7.205 7.205 0 0 0-4.33-4c-2.99-1-5.9-1.7-8.67-2.08-1.89-.26-3.63-.96-5.02-2.02l-5.81-4.41c-2.35-1.78-5.27-2.72-8.22-2.69l-12.63.2c-3.35.05-6.46 1.74-8.33 4.52l-2.74 4.07-1.23.83a7.28 7.28 0 0 0-2.91 4.02h2.66c.36-.78.92-1.46 1.65-1.94v-.01Zm23.57-9.19c2.38-.03 4.76.74 6.67 2.18l5.35 4.06-10.52-.2.1-.03-1.73-6.01h.13Zm-12.87 4.81.16-.49c.48-1.5 1.02-3.18 1.32-4.13l8.68-.14 1.72 5.95-11.17-.21c-.33 0-.52-.2-.6-.31a.73.73 0 0 1-.1-.66l-.01-.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.792 31.053c-.57 0-1.14-.22-1.58-.65l-24.83-24.84c-.88-.88-.88-2.3 0-3.18 2.09-2.09 5.42-2.09 7.46-.04l20.59 20.59c2.05 2.05 2.05 5.38 0 7.42-.46.46-1.06.69-1.65.69l.01.01Zm-24.46-27.07 24.47 24.47c.94-1.11.89-2.73-.13-3.75l-20.6-20.59a2.751 2.751 0 0 0-3.75-.13h.01ZM6.398 43.72l1.63-1.1 3.02-4.47a7.728 7.728 0 0 1 4.86-3.24c-.27.79-.59 1.82-1.03 3.18l-.16.49c-.31.99-.15 2.04.45 2.88.6.84 1.55 1.34 2.59 1.36l29.45.52c.47.12.95.22 1.44.29 2.61.36 5.37 1.02 8.21 1.97.92.31 1.7.89 2.26 1.63h2.86a7.205 7.205 0 0 0-4.33-4c-2.99-1-5.9-1.7-8.67-2.08-1.89-.26-3.63-.96-5.02-2.02l-5.81-4.41c-2.35-1.78-5.27-2.72-8.22-2.69l-12.63.2c-3.35.05-6.46 1.74-8.33 4.52l-2.74 4.07-1.23.83a7.28 7.28 0 0 0-2.91 4.02h2.66c.36-.78.92-1.46 1.65-1.94v-.01Zm23.57-9.19c2.38-.03 4.76.74 6.67 2.18l5.35 4.06-10.52-.2.1-.03-1.73-6.01h.13Zm-12.87 4.81.16-.49c.48-1.5 1.02-3.18 1.32-4.13l8.68-.14 1.72 5.95-11.17-.21c-.33 0-.52-.2-.6-.31a.73.73 0 0 1-.1-.66l-.01-.01Zm42.96 10.38c0 .13.03.25.03.38v6.06l-3.2.74h-2.5c-.02-3.43-2.82-6.21-6.25-6.21s-6.22 2.78-6.25 6.21h-21.67c-.02-3.43-2.82-6.21-6.25-6.21s-6.09 2.65-6.24 5.97l-2.34-.35a1.74 1.74 0 0 1-1.49-1.83l.36-6.33h-2.5l-.35 6.19a4.225 4.225 0 0 0 3.62 4.44l3.14.47c.92 2.3 3.17 3.94 5.8 3.94s4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.58 0 4.79-1.57 5.75-3.79h3.29l3.67-.85a2.236 2.236 0 0 0 1.74-2.19V50.1c0-.13-.02-.25-.03-.38h-2.51ZM13.968 60.7c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm34.17 0c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75ZM27.452 21.734h-5.17v2.5h5.17v-2.5Z"/><path d="m45.212 30.404-2.39-2.39-9.53.14v-2.92c0-7.78-4.35-8.43-8.43-8.43s-8.43.65-8.43 8.43v3.17l-8.54.13c3.46-3.45 9.81-10.75 14.15-21.31l-1.66-1.66c-.1-.1-.18-.2-.25-.31-5.79 14.84-16.17 23.52-16.27 23.61a1.253 1.253 0 0 0 .79 2.22h.02l40.64-.6s-.07-.05-.09-.08h-.01Zm-26.28-5.16c0-5.65 2.25-5.93 5.93-5.93 3.68 0 5.93.29 5.93 5.93v2.95l-11.87.17v-3.13l.01.01ZM62.018 47.22h-5.29v2.5h5.87c-.05-.88-.25-1.72-.58-2.5Zm-59.89-1.56c-.24.77-.29 1.69-.33 2.5h5.56v-2.5h-5.23Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M42.405 59.397H19.72a6.245 6.245 0 0 1-11.547-.143l-3.142-.467a4.232 4.232 0 0 1-3.618-4.444l.35-6.186H5.32v-2.5H2.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M42.405 59.397H19.72a6.245 6.245 0 0 1-11.547-.143l-3.142-.467a4.232 4.232 0 0 1-3.618-4.444l.35-6.186H5.32v-2.5H2.09A7.29 7.29 0 0 1 5 41.642l1.228-.827 2.743-4.07a10.262 10.262 0 0 1 8.335-4.52l12.661-.204a13.21 13.21 0 0 1 8.16 2.672l5.84 4.43a10.315 10.315 0 0 0 3.54 1.71l.254.005v.057c.405.103.814.184 1.227.243a48.057 48.057 0 0 1 8.666 2.076 7.206 7.206 0 0 1 4.325 4h-3.286v2.5h3.872c.007.127.031.25.031.378v6.26a2.243 2.243 0 0 1-1.74 2.19l-3.67.853h-3.292a6.248 6.248 0 0 1-11.492 0l.004.002Zm2-2.455a3.75 3.75 0 1 0 3.75-3.75 3.755 3.755 0 0 0-3.758 3.75h.008Zm-34.174 0a3.75 3.75 0 1 0 3.75-3.75 3.755 3.755 0 0 0-3.758 3.75h.008ZM30.005 34.52h-.16l1.732 6.012-.047.014 10.42.184-5.339-4.05a10.7 10.7 0 0 0-6.375-2.165l-.23.005Zm-11.43.184-1.479 4.625a.749.749 0 0 0 .7.974l11.167.2-1.709-5.933-8.68.134Zm29.857-11.773-20.59-20.59c-2.05-2.05-5.38-2.05-7.46.04-.78.78-.86 2-.25 2.87-5.79 14.84-16.17 23.52-16.27 23.61a1.253 1.253 0 0 0 .79 2.22h.02l40.64-.6c.42.38.95.58 1.48.58.59 0 1.18-.23 1.65-.69 2.05-2.05 2.05-5.38 0-7.42l-.01-.02Zm-20.99.67h-5.17v-2.5h5.17v2.5Zm5.85 4.55v-2.92c0-7.78-4.35-8.43-8.43-8.43s-8.43.65-8.43 8.43v3.17l-8.54.13c3.46-3.45 9.81-10.75 14.15-21.31l20.79 20.79-9.53.14h-.01Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M57.273 46.37c-.529-9.334-11.674-12.48-18.278-13.526l-.1-.015a6.342 6.342 0 0 1-.726 2.418l.441.067c5.854.928 15.739 3.615 16.166 11.2a13.07 13.07 0 0 1-8.617 13.442c-1.407.531-2.896.81-4.4.824a6.984 6.984 0 0 1-5.656-2.287c-2.705-3.514-.836-7.643.971-11.638l.329-.73a13.812 13.812 0 0 0 .95-8.587l-.342-1.945-.056.01a6.422 6.422 0 0 1-2.111 2.089l.055.313a11.39 11.39 0 0 1-.773 7.094l-.327.726c-1.913 4.227-4.293 9.487-.674 14.19a9.429 9.429 0 0 0 7.637 3.263c1.8-.015 3.584-.347 5.269-.982A15.5 15.5 0 0 0 57.273 46.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M57.273 46.37c-.529-9.334-11.674-12.48-18.278-13.526l-.1-.015a6.342 6.342 0 0 1-.726 2.418l.441.067c5.854.928 15.739 3.615 16.166 11.2a13.07 13.07 0 0 1-8.617 13.442c-1.407.531-2.896.81-4.4.824a6.984 6.984 0 0 1-5.656-2.287c-2.705-3.514-.836-7.643.971-11.638l.329-.73a13.812 13.812 0 0 0 .95-8.587l-.342-1.945-.056.01a6.422 6.422 0 0 1-2.111 2.089l.055.313a11.39 11.39 0 0 1-.773 7.094l-.327.726c-1.913 4.227-4.293 9.487-.674 14.19a9.429 9.429 0 0 0 7.637 3.263c1.8-.015 3.584-.347 5.269-.982A15.5 15.5 0 0 0 57.273 46.37Zm-27.744-8.501-.067.44c-.928 5.855-3.615 15.739-11.2 16.168A13.067 13.067 0 0 1 4.823 45.86a12.79 12.79 0 0 1-.825-4.4 6.987 6.987 0 0 1 2.287-5.654c3.515-2.7 7.644-.836 11.638.97l.73.33a13.806 13.806 0 0 0 8.587.949l1.946-.342-.01-.055a6.429 6.429 0 0 1-2.091-2.113l-.313.055a11.4 11.4 0 0 1-7.094-.774l-.727-.328c-4.227-1.912-9.487-4.292-14.191-.673a9.428 9.428 0 0 0-3.262 7.636c.015 1.8.347 3.584.982 5.27a15.45 15.45 0 0 0 14.829 10.273c.359 0 .725-.01 1.1-.031 9.333-.527 12.481-11.675 13.527-18.28l.015-.1a6.344 6.344 0 0 1-2.422-.724Zm33.068-20.124A15.5 15.5 0 0 0 46.671 7.503c-9.333.527-12.481 11.675-13.526 18.28l-.016.1a6.33 6.33 0 0 1 2.418.726l.067-.441c.928-5.855 3.616-15.74 11.2-16.168a13.045 13.045 0 0 1 13.441 8.618c.532 1.406.812 2.896.825 4.4a6.983 6.983 0 0 1-2.287 5.655c-3.513 2.7-7.641.837-11.638-.971l-.73-.33a13.812 13.812 0 0 0-8.587-.948l-1.945.342.009.056a6.418 6.418 0 0 1 2.09 2.114l.313-.055a11.4 11.4 0 0 1 7.093.774l.729.328c2.624 1.183 5.647 2.553 8.688 2.553a8.758 8.758 0 0 0 5.5-1.881 9.427 9.427 0 0 0 3.262-7.637 15.318 15.318 0 0 0-.98-5.273ZM26.908 29.229l-.441-.067c-5.854-.928-15.739-3.616-16.167-11.2a13.068 13.068 0 0 1 8.618-13.44 12.76 12.76 0 0 1 4.4-.824 6.987 6.987 0 0 1 5.656 2.287c2.7 3.514.837 7.643-.971 11.638l-.329.729a13.829 13.829 0 0 0-.95 8.588l.342 1.945.056-.01a6.429 6.429 0 0 1 2.113-2.091l-.055-.312a11.405 11.405 0 0 1 .774-7.1l.327-.726c1.913-4.227 4.293-9.487.673-14.191a9.427 9.427 0 0 0-7.636-3.262 15.3 15.3 0 0 0-5.269.982 15.5 15.5 0 0 0-10.245 15.93c.527 9.33 11.674 12.48 18.279 13.53l.1.016a6.325 6.325 0 0 1 .725-2.422Z"/><path d="M32.536 38.622a6.386 6.386 0 1 1 6.387-6.39 6.396 6.396 0 0 1-6.387 6.39Zm0-10.273a3.886 3.886 0 1 0 .003 7.772 3.886 3.886 0 0 0-.003-7.772Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M57.273 46.37c-.529-9.334-11.674-12.48-18.278-13.526l-.1-.015a6.342 6.342 0 0 1-.726 2.418l.441.067c5.854.928 15.739 3.615 16.166 11.2a13.07 13.07 0 0 1-8.617 13.442c-1.407.531-2.896.81-4.4.824a6.984 6.984 0 0 1-5.656-2.287c-2.705-3.514-.836-7.643.971-11.638l.329-.73a13.812 13.812 0 0 0 .95-8.587l-.342-1.945-.056.01a6.422 6.422 0 0 1-2.111 2.089l.055.313a11.39 11.39 0 0 1-.773 7.094l-.327.726c-1.913 4.227-4.293 9.487-.674 14.19a9.429 9.429 0 0 0 7.637 3.263c1.8-.015 3.584-.347 5.269-.982A15.5 15.5 0 0 0 57.273 46.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M57.273 46.37c-.529-9.334-11.674-12.48-18.278-13.526l-.1-.015a6.342 6.342 0 0 1-.726 2.418l.441.067c5.854.928 15.739 3.615 16.166 11.2a13.07 13.07 0 0 1-8.617 13.442c-1.407.531-2.896.81-4.4.824a6.984 6.984 0 0 1-5.656-2.287c-2.705-3.514-.836-7.643.971-11.638l.329-.73a13.812 13.812 0 0 0 .95-8.587l-.342-1.945-.056.01a6.422 6.422 0 0 1-2.111 2.089l.055.313a11.39 11.39 0 0 1-.773 7.094l-.327.726c-1.913 4.227-4.293 9.487-.674 14.19a9.429 9.429 0 0 0 7.637 3.263c1.8-.015 3.584-.347 5.269-.982A15.5 15.5 0 0 0 57.273 46.37Zm-27.744-8.501-.067.44c-.928 5.855-3.615 15.739-11.2 16.168A13.067 13.067 0 0 1 4.823 45.86a12.79 12.79 0 0 1-.825-4.4 6.987 6.987 0 0 1 2.287-5.654c3.515-2.7 7.644-.836 11.638.97l.73.33a13.806 13.806 0 0 0 8.587.949l1.946-.342-.01-.055a6.429 6.429 0 0 1-2.091-2.113l-.313.055a11.4 11.4 0 0 1-7.094-.774l-.727-.328c-4.227-1.912-9.487-4.292-14.191-.673a9.428 9.428 0 0 0-3.262 7.636c.015 1.8.347 3.584.982 5.27a15.45 15.45 0 0 0 14.829 10.273c.359 0 .725-.01 1.1-.031 9.333-.527 12.481-11.675 13.527-18.28l.015-.1a6.344 6.344 0 0 1-2.422-.724Zm33.068-20.124A15.5 15.5 0 0 0 46.671 7.503c-9.333.527-12.481 11.675-13.526 18.28l-.016.1a6.33 6.33 0 0 1 2.418.726l.067-.441c.928-5.855 3.616-15.74 11.2-16.168a13.045 13.045 0 0 1 13.441 8.618c.532 1.406.812 2.896.825 4.4a6.983 6.983 0 0 1-2.287 5.655c-3.513 2.7-7.641.837-11.638-.971l-.73-.33a13.812 13.812 0 0 0-8.587-.948l-1.945.342.009.056a6.418 6.418 0 0 1 2.09 2.114l.313-.055a11.4 11.4 0 0 1 7.093.774l.729.328c2.624 1.183 5.647 2.553 8.688 2.553a8.758 8.758 0 0 0 5.5-1.881 9.427 9.427 0 0 0 3.262-7.637 15.318 15.318 0 0 0-.98-5.273ZM26.908 29.229l-.441-.067c-5.854-.928-15.739-3.616-16.167-11.2a13.068 13.068 0 0 1 8.618-13.44 12.76 12.76 0 0 1 4.4-.824 6.987 6.987 0 0 1 5.656 2.287c2.7 3.514.837 7.643-.971 11.638l-.329.729a13.829 13.829 0 0 0-.95 8.588l.342 1.945.056-.01a6.429 6.429 0 0 1 2.113-2.091l-.055-.312a11.405 11.405 0 0 1 .774-7.1l.327-.726c1.913-4.227 4.293-9.487.673-14.191a9.427 9.427 0 0 0-7.636-3.262 15.3 15.3 0 0 0-5.269.982 15.5 15.5 0 0 0-10.245 15.93c.527 9.33 11.674 12.48 18.279 13.53l.1.016a6.325 6.325 0 0 1 .725-2.422Z"/><path d="M32.536 38.622a6.386 6.386 0 1 1 6.387-6.39 6.396 6.396 0 0 1-6.387 6.39Zm0-10.273a3.886 3.886 0 1 0 .003 7.772 3.886 3.886 0 0 0-.003-7.772Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M31.67 41.767c-6.14 0-11.13-4.99-11.13-11.13 0-4.89 2.25-8.2 4.62-11.71 2.06-3.04 4.19-6.18 5.3-10.82.13-.56.64-.96 1.22-.96s1.08.4 1.22.96c1.11 4.63 3.24 7.78 5.3 10.82 2.38 3.51 4.62 6.82 4.62 11.71 0 6.14-4.99 11.13-11.13 11.13h-.02Zm0-29.27c-1.26 3.13-2.93 5.59-4.44 7.83-2.25 3.32-4.19 6.19-4.19 10.31 0 4.76 3.87 8.63 8.63 8.63 4.76 0 8.63-3.87 8.63-8.63 0-4.12-1.94-6.99-4.19-10.31-1.52-2.24-3.18-4.7-4.44-7.83Z"
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M31.67 41.767c-6.14 0-11.13-4.99-11.13-11.13 0-4.89 2.25-8.2 4.62-11.71 2.06-3.04 4.19-6.18 5.3-10.82.13-.56.64-.96 1.22-.96s1.08.4 1.22.96c1.11 4.63 3.24 7.78 5.3 10.82 2.38 3.51 4.62 6.82 4.62 11.71 0 6.14-4.99 11.13-11.13 11.13h-.02Zm0-29.27c-1.26 3.13-2.93 5.59-4.44 7.83-2.25 3.32-4.19 6.19-4.19 10.31 0 4.76 3.87 8.63 8.63 8.63 4.76 0 8.63-3.87 8.63-8.63 0-4.12-1.94-6.99-4.19-10.31-1.52-2.24-3.18-4.7-4.44-7.83Z"/><path d="M31.67 36.827c-3.41 0-6.19-2.78-6.19-6.19h2.5c0 2.04 1.66 3.69 3.69 3.69v2.5Z"/><path d="M31.67 50.407c-9.72 0-19.78-3.12-19.78-8.34 0-2.33 1.98-4.46 5.59-5.98l.97 2.3c-2.54 1.07-4.06 2.45-4.06 3.68 0 2.7 7.55 5.84 17.28 5.84s17.28-3.14 17.28-5.84c0-1.23-1.52-2.6-4.06-3.68l.97-2.3c3.6 1.52 5.59 3.65 5.59 5.98 0 5.22-10.06 8.34-19.78 8.34Z"/><path d="M31.67 57.736C15.31 57.736 2 51.926 2 44.787c0-2.25 1.21-4.44 3.51-6.33l1.59 1.93c-1.73 1.42-2.6 2.9-2.6 4.39 0 4.94 11.16 10.45 27.17 10.45s27.17-5.51 27.17-10.45c0-1.26-.63-2.53-1.88-3.75l1.75-1.78c1.74 1.71 2.63 3.57 2.63 5.53 0 7.14-13.31 12.95-29.67 12.95v.01Z"/></svg>
|
|
@@ -40,13 +40,13 @@ export default {
|
|
|
40
40
|
<road-list slot="list">
|
|
41
41
|
<road-item button="" style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
|
|
42
42
|
<road-icon slot="start" name="edit-outline" size="md"></road-icon>
|
|
43
|
-
<road-label style="font-size:
|
|
43
|
+
<road-label style="font-size: 0.75rem">
|
|
44
44
|
Edit profile
|
|
45
45
|
</road-label>
|
|
46
46
|
</road-item>
|
|
47
47
|
<road-item button="" style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
|
|
48
48
|
<road-icon slot="start" name="log-out-outline" size="md"></road-icon>
|
|
49
|
-
<road-label style="font-size:
|
|
49
|
+
<road-label style="font-size: 0.75rem">
|
|
50
50
|
Log out
|
|
51
51
|
</road-label>
|
|
52
52
|
</road-item>
|
|
@@ -189,13 +189,13 @@ Selected.args = {
|
|
|
189
189
|
<road-list slot="list">
|
|
190
190
|
<road-item button="" style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
|
|
191
191
|
<road-icon slot="start" name="edit-outline" size="md"></road-icon>
|
|
192
|
-
<road-label style="font-size:
|
|
192
|
+
<road-label style="font-size: 0.75rem">
|
|
193
193
|
Edit profile
|
|
194
194
|
</road-label>
|
|
195
195
|
</road-item>
|
|
196
196
|
<road-item button="" style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
|
|
197
197
|
<road-icon slot="start" name="log-out-outline" size="md"></road-icon>
|
|
198
|
-
<road-label style="font-size:
|
|
198
|
+
<road-label style="font-size: 0.75rem">
|
|
199
199
|
Log out
|
|
200
200
|
</road-label>
|
|
201
201
|
</road-item>
|
|
@@ -247,13 +247,13 @@ withNotifications.args = {
|
|
|
247
247
|
<road-list slot="list">
|
|
248
248
|
<road-item button="" style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
|
|
249
249
|
<road-icon slot="start" name="edit-outline" size="md"></road-icon>
|
|
250
|
-
<road-label style="font-size:
|
|
250
|
+
<road-label style="font-size: 0.75rem">
|
|
251
251
|
Edit profile
|
|
252
252
|
</road-label>
|
|
253
253
|
</road-item>
|
|
254
254
|
<road-item button="" style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
|
|
255
255
|
<road-icon slot="start" name="log-out-outline" size="md"></road-icon>
|
|
256
|
-
<road-label style="font-size:
|
|
256
|
+
<road-label style="font-size: 0.75rem">
|
|
257
257
|
Log out
|
|
258
258
|
</road-label>
|
|
259
259
|
</road-item>
|
|
@@ -265,21 +265,21 @@ withNotifications.args = {
|
|
|
265
265
|
<road-navbar-item tab="tab-home" selected="true">
|
|
266
266
|
<road-tooltip content="Home" position="right" trigger="hover" contentalign="center">
|
|
267
267
|
<road-icon name="navigation-home-outline"></road-icon>
|
|
268
|
-
<road-label class="font-weight-bold">Home</road-label>
|
|
268
|
+
<road-label class="font-weight-bold" style="font-size:0.75rem;">Home</road-label>
|
|
269
269
|
</road-tooltip>
|
|
270
270
|
</road-navbar-item>
|
|
271
271
|
|
|
272
272
|
<road-navbar-item tab="tab-search">
|
|
273
273
|
<road-tooltip content="Search" position="right" trigger="hover" contentalign="center">
|
|
274
274
|
<road-icon name="search"></road-icon>
|
|
275
|
-
<road-label class="font-weight-bold">Search</road-label>
|
|
275
|
+
<road-label class="font-weight-bold" style="font-size:0.75rem;">Search</road-label>
|
|
276
276
|
</road-tooltip>
|
|
277
277
|
</road-navbar-item>
|
|
278
278
|
|
|
279
279
|
<road-navbar-item tab="tab-catalog">
|
|
280
280
|
<road-tooltip content="Scan" position="right" trigger="hover" contentalign="center">
|
|
281
281
|
<road-icon name="print-outline"></road-icon>
|
|
282
|
-
<road-label class="font-weight-bold">Scan</road-label>
|
|
282
|
+
<road-label class="font-weight-bold" style="font-size:0.75rem;">Scan</road-label>
|
|
283
283
|
</road-tooltip>
|
|
284
284
|
<road-badge>3</road-badge>
|
|
285
285
|
</road-navbar-item>
|
|
@@ -287,14 +287,14 @@ withNotifications.args = {
|
|
|
287
287
|
<road-navbar-item tab="tab-catalogue" class="d-none d-xl-flex">
|
|
288
288
|
<road-tooltip content="Catalog" position="right" trigger="hover" contentalign="center">
|
|
289
289
|
<road-icon name="file-catalog"></road-icon>
|
|
290
|
-
<road-label class="font-weight-bold">Catalog</road-label>
|
|
290
|
+
<road-label class="font-weight-bold" style="font-size:0.75rem;">Catalog</road-label>
|
|
291
291
|
</road-tooltip>
|
|
292
292
|
</road-navbar-item>
|
|
293
293
|
|
|
294
294
|
<road-navbar-item tab="tab-scan" class="d-none d-xl-flex">
|
|
295
295
|
<road-tooltip content="Scan" position="right" trigger="hover" contentalign="center">
|
|
296
296
|
<road-icon name="scan"></road-icon>
|
|
297
|
-
<road-label class="font-weight-bold">Scan</road-label>
|
|
297
|
+
<road-label class="font-weight-bold" style="font-size:0.75rem;">Scan</road-label>
|
|
298
298
|
</road-tooltip>
|
|
299
299
|
</road-navbar-item>`,
|
|
300
300
|
};
|
|
@@ -186,8 +186,8 @@ export class ProgressBar {
|
|
|
186
186
|
"type": "string",
|
|
187
187
|
"mutable": false,
|
|
188
188
|
"complexType": {
|
|
189
|
-
"original": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'",
|
|
190
|
-
"resolved": "\"danger\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
|
|
189
|
+
"original": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'rating'",
|
|
190
|
+
"resolved": "\"danger\" | \"info\" | \"primary\" | \"rating\" | \"secondary\" | \"success\" | \"warning\"",
|
|
191
191
|
"references": {}
|
|
192
192
|
},
|
|
193
193
|
"required": false,
|
|
@@ -50,7 +50,7 @@ Playground.argTypes = {
|
|
|
50
50
|
control: 'boolean',
|
|
51
51
|
},
|
|
52
52
|
color: {
|
|
53
|
-
options: ['primary', 'secondary', 'info', 'success', 'warning', 'danger'],
|
|
53
|
+
options: ['primary', 'secondary', 'info', 'success', 'warning', 'danger', 'rating'],
|
|
54
54
|
control: {
|
|
55
55
|
type: 'radio',
|
|
56
56
|
},
|
|
@@ -107,6 +107,11 @@ export const color = () => html`
|
|
|
107
107
|
<br>
|
|
108
108
|
|
|
109
109
|
<road-progress value="80" color="danger"></road-progress>
|
|
110
|
+
|
|
111
|
+
<br>
|
|
112
|
+
|
|
113
|
+
<road-progress value="80" color="rating"></road-progress>
|
|
114
|
+
|
|
110
115
|
`;
|
|
111
116
|
|
|
112
117
|
export const Label = () => html`
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* Vertical
|
|
2
|
+
* Progress Indicator Vertical
|
|
3
3
|
*
|
|
4
4
|
* Index
|
|
5
5
|
* - Item
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
/* VERTICAL STEPPER
|
|
17
17
|
-------------------- */
|
|
18
18
|
|
|
19
|
-
.vertical
|
|
19
|
+
.progress-indicator-vertical {
|
|
20
20
|
display: flex;
|
|
21
21
|
flex-direction: column;
|
|
22
22
|
padding-left: 0;
|
|
@@ -3,28 +3,27 @@ import { Host, h } from '@stencil/core';
|
|
|
3
3
|
* @slot - content of the stepper item, it should be road-vertical-stepper-item elements.
|
|
4
4
|
*
|
|
5
5
|
* if the state of the step is completed add the class `completed` on the road-vertical-stepper-item
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
|
|
9
|
-
* `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
|
|
6
|
+
*
|
|
7
|
+
* if the state of the step is in-progress add the class `in-progress` on the road-vertical-stepper-item
|
|
10
8
|
*
|
|
11
9
|
* if the state of the step is current add the class `current` on the road-vertical-stepper-item
|
|
12
|
-
|
|
10
|
+
*
|
|
11
|
+
* `<road-icon name="check-small" class="d-block" style="color: currentColor;"></road-icon>`
|
|
13
12
|
*/
|
|
14
|
-
export class
|
|
13
|
+
export class ProgressIndicatorVertical {
|
|
15
14
|
render() {
|
|
16
15
|
return (h(Host, null, h("nav", null, h("ul", null, h("slot", null)))));
|
|
17
16
|
}
|
|
18
|
-
static get is() { return "road-vertical
|
|
17
|
+
static get is() { return "road-progress-indicator-vertical"; }
|
|
19
18
|
static get encapsulation() { return "shadow"; }
|
|
20
19
|
static get originalStyleUrls() {
|
|
21
20
|
return {
|
|
22
|
-
"$": ["vertical
|
|
21
|
+
"$": ["progress-indicator-vertical.css"]
|
|
23
22
|
};
|
|
24
23
|
}
|
|
25
24
|
static get styleUrls() {
|
|
26
25
|
return {
|
|
27
|
-
"$": ["vertical
|
|
26
|
+
"$": ["progress-indicator-vertical.css"]
|
|
28
27
|
};
|
|
29
28
|
}
|
|
30
29
|
}
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
import { html } from 'lit-html';
|
|
2
|
+
import { ifDefined } from 'lit-html/directives/if-defined';
|
|
3
|
+
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
|
|
4
|
+
|
|
5
|
+
export default {
|
|
6
|
+
title: 'Indicators/Progress Indicator Vertical',
|
|
7
|
+
component: 'road-progress-indicator-vertical',
|
|
8
|
+
subcomponents: {
|
|
9
|
+
'road-progress-indicator-vertical-item': 'road-progress-indicator-vertical-item',
|
|
10
|
+
},
|
|
11
|
+
argTypes: {
|
|
12
|
+
' ': {
|
|
13
|
+
control: 'text',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
args: {
|
|
17
|
+
' ': `<road-progress-indicator-vertical-item class="completed">
|
|
18
|
+
<a class="progress-indicator-vertical-link">
|
|
19
|
+
<span class="progress-indicator-vertical-icon">
|
|
20
|
+
<road-icon name="check-small" class="d-block" style="color: currentColor;"></road-icon>
|
|
21
|
+
</span>
|
|
22
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
23
|
+
</a>
|
|
24
|
+
<div class="progress-indicator-vertical-item-content">
|
|
25
|
+
<span class="progress-indicator-vertical-title">
|
|
26
|
+
<road-label>Label</road-label>
|
|
27
|
+
</span>
|
|
28
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
29
|
+
</div>
|
|
30
|
+
</road-progress-indicator-vertical-item>
|
|
31
|
+
<road-progress-indicator-vertical-item class="current">
|
|
32
|
+
<a class="progress-indicator-vertical-link">
|
|
33
|
+
<span class="progress-indicator-vertical-icon">
|
|
34
|
+
2
|
|
35
|
+
</span>
|
|
36
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
37
|
+
</a>
|
|
38
|
+
<div class="progress-indicator-vertical-item-content">
|
|
39
|
+
<span class="progress-indicator-vertical-title">
|
|
40
|
+
<road-label>Label</road-label>
|
|
41
|
+
</span>
|
|
42
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
43
|
+
</div>
|
|
44
|
+
</road-progress-indicator-vertical-item>
|
|
45
|
+
<road-progress-indicator-vertical-item>
|
|
46
|
+
<a class="progress-indicator-vertical-link">
|
|
47
|
+
<span class="progress-indicator-vertical-icon">
|
|
48
|
+
3
|
|
49
|
+
</span>
|
|
50
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
51
|
+
</a>
|
|
52
|
+
<div class="progress-indicator-vertical-item-content">
|
|
53
|
+
<span class="progress-indicator-vertical-title">
|
|
54
|
+
<road-label>Label</road-label>
|
|
55
|
+
</span>
|
|
56
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
57
|
+
</div>
|
|
58
|
+
</road-progress-indicator-vertical-item>
|
|
59
|
+
<road-progress-indicator-vertical-item>
|
|
60
|
+
<a class="progress-indicator-vertical-link">
|
|
61
|
+
<span class="progress-indicator-vertical-icon">
|
|
62
|
+
4
|
|
63
|
+
</span>
|
|
64
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
65
|
+
</a>
|
|
66
|
+
<div class="progress-indicator-vertical-item-content">
|
|
67
|
+
<span class="progress-indicator-vertical-title">
|
|
68
|
+
<road-label>Label</road-label>
|
|
69
|
+
</span>
|
|
70
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
71
|
+
</div>
|
|
72
|
+
</road-progress-indicator-vertical-item>
|
|
73
|
+
<road-progress-indicator-vertical-item>
|
|
74
|
+
<a class="progress-indicator-vertical-link">
|
|
75
|
+
<span class="progress-indicator-vertical-icon">
|
|
76
|
+
5
|
|
77
|
+
</span>
|
|
78
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
79
|
+
</a>
|
|
80
|
+
<div class="progress-indicator-vertical-item-content">
|
|
81
|
+
<span class="progress-indicator-vertical-title">
|
|
82
|
+
<road-label>Label</road-label>
|
|
83
|
+
</span>
|
|
84
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
85
|
+
</div>
|
|
86
|
+
</road-progress-indicator-vertical-item>
|
|
87
|
+
`,
|
|
88
|
+
},
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
export const Template = (args) => html`
|
|
92
|
+
<road-progress-indicator-vertical color="${ifDefined(args.color)}" outline="${ifDefined(args.outline)}" light="${ifDefined(args.light)}" state-first-step="${ifDefined(args['state-first-step'])}" state-second-step="${ifDefined(args['state-second-step'])}" state-third-step="${ifDefined(args['state-third-step'])}">
|
|
93
|
+
${unsafeHTML(args[' '])}
|
|
94
|
+
|
|
95
|
+
</road-progress-indicator-vertical>
|
|
96
|
+
`;
|
|
97
|
+
|
|
98
|
+
export const OneStepCompleted = Template.bind({});
|
|
99
|
+
OneStepCompleted.args = {
|
|
100
|
+
' ': `<road-progress-indicator-vertical-item class="completed">
|
|
101
|
+
<a class="progress-indicator-vertical-link">
|
|
102
|
+
<span class="progress-indicator-vertical-icon">
|
|
103
|
+
<road-icon name="check-small" class="d-block" style="color: currentColor;"></road-icon>
|
|
104
|
+
</span>
|
|
105
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
106
|
+
</a>
|
|
107
|
+
<div class="progress-indicator-vertical-item-content">
|
|
108
|
+
<span class="progress-indicator-vertical-title">
|
|
109
|
+
<road-label>Label</road-label>
|
|
110
|
+
</span>
|
|
111
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
112
|
+
</div>
|
|
113
|
+
</road-progress-indicator-vertical-item>
|
|
114
|
+
<road-progress-indicator-vertical-item class="current">
|
|
115
|
+
<a class="progress-indicator-vertical-link">
|
|
116
|
+
<span class="progress-indicator-vertical-icon">
|
|
117
|
+
2
|
|
118
|
+
</span>
|
|
119
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
120
|
+
</a>
|
|
121
|
+
<div class="progress-indicator-vertical-item-content">
|
|
122
|
+
<span class="progress-indicator-vertical-title">
|
|
123
|
+
<road-label>Label</road-label>
|
|
124
|
+
</span>
|
|
125
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
126
|
+
</div>
|
|
127
|
+
</road-progress-indicator-vertical-item>
|
|
128
|
+
<road-progress-indicator-vertical-item>
|
|
129
|
+
<a class="progress-indicator-vertical-link">
|
|
130
|
+
<span class="progress-indicator-vertical-icon">
|
|
131
|
+
3
|
|
132
|
+
</span>
|
|
133
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
134
|
+
</a>
|
|
135
|
+
<div class="progress-indicator-vertical-item-content">
|
|
136
|
+
<span class="progress-indicator-vertical-title">
|
|
137
|
+
<road-label>Label</road-label>
|
|
138
|
+
</span>
|
|
139
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
140
|
+
</div>
|
|
141
|
+
</road-progress-indicator-vertical-item>
|
|
142
|
+
<road-progress-indicator-vertical-item>
|
|
143
|
+
<a class="progress-indicator-vertical-link">
|
|
144
|
+
<span class="progress-indicator-vertical-icon">
|
|
145
|
+
4
|
|
146
|
+
</span>
|
|
147
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
148
|
+
</a>
|
|
149
|
+
<div class="progress-indicator-vertical-item-content">
|
|
150
|
+
<span class="progress-indicator-vertical-title">
|
|
151
|
+
<road-label>Label</road-label>
|
|
152
|
+
</span>
|
|
153
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
154
|
+
</div>
|
|
155
|
+
</road-progress-indicator-vertical-item>
|
|
156
|
+
<road-progress-indicator-vertical-item>
|
|
157
|
+
<a class="progress-indicator-vertical-link">
|
|
158
|
+
<span class="progress-indicator-vertical-icon">
|
|
159
|
+
5
|
|
160
|
+
</span>
|
|
161
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
162
|
+
</a>
|
|
163
|
+
<div class="progress-indicator-vertical-item-content">
|
|
164
|
+
<span class="progress-indicator-vertical-title">
|
|
165
|
+
<road-label>Label</road-label>
|
|
166
|
+
</span>
|
|
167
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
168
|
+
</div>
|
|
169
|
+
</road-progress-indicator-vertical-item>`,
|
|
170
|
+
};
|
|
171
|
+
|
|
172
|
+
export const SubSteps = Template.bind({});
|
|
173
|
+
SubSteps.args = {
|
|
174
|
+
' ': `<road-progress-indicator-vertical-item class="completed">
|
|
175
|
+
<a class="progress-indicator-vertical-link">
|
|
176
|
+
<span class="progress-indicator-vertical-icon">
|
|
177
|
+
<road-icon name="check-small" class="d-block" style="color: currentColor;"></road-icon>
|
|
178
|
+
</span>
|
|
179
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
180
|
+
</a>
|
|
181
|
+
<div class="progress-indicator-vertical-item-content">
|
|
182
|
+
<span class="progress-indicator-vertical-title">
|
|
183
|
+
<road-label>Label</road-label>
|
|
184
|
+
</span>
|
|
185
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
186
|
+
</div>
|
|
187
|
+
</road-progress-indicator-vertical-item>
|
|
188
|
+
<road-progress-indicator-vertical-item class="completed">
|
|
189
|
+
<a class="progress-indicator-vertical-link">
|
|
190
|
+
<span class="progress-indicator-vertical-icon">
|
|
191
|
+
<road-icon name="check-small" class="d-block" style="color: currentColor;"></road-icon>
|
|
192
|
+
</span>
|
|
193
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
194
|
+
</a>
|
|
195
|
+
<div class="progress-indicator-vertical-item-content">
|
|
196
|
+
<span class="progress-indicator-vertical-title">
|
|
197
|
+
<road-label>Label</road-label>
|
|
198
|
+
</span>
|
|
199
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
200
|
+
</div>
|
|
201
|
+
</road-progress-indicator-vertical-item>
|
|
202
|
+
<road-progress-indicator-vertical-item class="completed">
|
|
203
|
+
<a class="progress-indicator-vertical-substep-link">
|
|
204
|
+
<span class="progress-indicator-vertical-substep-beforeline"></span>
|
|
205
|
+
<span class="progress-indicator-vertical-substep-icon"></span>
|
|
206
|
+
<span class="progress-indicator-vertical-substep-line"></span>
|
|
207
|
+
</a>
|
|
208
|
+
<div class="progress-indicator-vertical-item-content">
|
|
209
|
+
<span class="progress-indicator-vertical-title">
|
|
210
|
+
<road-label>Label</road-label>
|
|
211
|
+
</span>
|
|
212
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
213
|
+
</div>
|
|
214
|
+
</road-progress-indicator-vertical-item>
|
|
215
|
+
<road-progress-indicator-vertical-item class="current">
|
|
216
|
+
<a class="progress-indicator-vertical-substep-link">
|
|
217
|
+
<span class="progress-indicator-vertical-substep-beforeline"></span>
|
|
218
|
+
<span class="progress-indicator-vertical-substep-icon"></span>
|
|
219
|
+
<span class="progress-indicator-vertical-substep-line"></span>
|
|
220
|
+
</a>
|
|
221
|
+
<div class="progress-indicator-vertical-item-content">
|
|
222
|
+
<span class="progress-indicator-vertical-title">
|
|
223
|
+
<road-label>Label</road-label>
|
|
224
|
+
</span>
|
|
225
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
226
|
+
</div>
|
|
227
|
+
</road-progress-indicator-vertical-item>
|
|
228
|
+
<road-progress-indicator-vertical-item>
|
|
229
|
+
<a class="progress-indicator-vertical-link">
|
|
230
|
+
<span class="progress-indicator-vertical-icon">
|
|
231
|
+
3
|
|
232
|
+
</span>
|
|
233
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
234
|
+
</a>
|
|
235
|
+
<div class="progress-indicator-vertical-item-content">
|
|
236
|
+
<span class="progress-indicator-vertical-title">
|
|
237
|
+
<road-label>Label</road-label>
|
|
238
|
+
</span>
|
|
239
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
240
|
+
</div>
|
|
241
|
+
</road-progress-indicator-vertical-item>
|
|
242
|
+
<road-progress-indicator-vertical-item>
|
|
243
|
+
<a class="progress-indicator-vertical-link">
|
|
244
|
+
<span class="progress-indicator-vertical-icon">
|
|
245
|
+
4
|
|
246
|
+
</span>
|
|
247
|
+
<span class="progress-indicator-vertical-line"></span>
|
|
248
|
+
</a>
|
|
249
|
+
<div class="progress-indicator-vertical-item-content">
|
|
250
|
+
<span class="progress-indicator-vertical-title">
|
|
251
|
+
<road-label>Label</road-label>
|
|
252
|
+
</span>
|
|
253
|
+
<div class="progress-indicator-vertical-description">Description</div>
|
|
254
|
+
</div>
|
|
255
|
+
</road-progress-indicator-vertical-item>`,
|
|
256
|
+
};
|