@roadtrip/components 3.6.0 → 3.7.0

package/icons/index.d.ts

@@ -1004,6 +1004,8 @@ export declare const rubberOutlineColor: string
 export declare const rubberOutline: string
 export declare const rubberSolid: string
 export declare const rubber: string
+export declare const seasonSwapColor: string
+export declare const seasonSwapOutline: string
 export declare const saveDiskColor: string
 export declare const saveDiskOutline: string
 export declare const saveDisk: string

package/icons/index.js

@@ -1004,6 +1004,8 @@ export const rubberOutlineColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64
 export const rubberOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M61.929 43.415H46.535v2.5h15.394v-2.5Zm-53.176 0H2.072v2.5h6.681v-2.5Zm8.196 8.088h-2.5v6.681h2.5v-6.681Zm-7.816-2.37L4.41 53.856l1.768 1.768L10.9 50.9l-1.768-1.767Zm49.252-33.359-7.757-7.757a7.51 7.51 0 0 0-10.624 0L14.385 33.633a7.52 7.52 0 0 0 0 10.624l1.8 1.8 22.687-.14 19.513-19.52a7.523 7.523 0 0 0 0-10.623ZM37.829 43.418l-20.617.128-1.058-1.056a5.02 5.02 0 0 1 0-7.09l9.555-9.548 14.846 14.84-2.726 2.726ZM56.617 24.63l-14.3 14.3-14.841-14.851 14.3-14.294a5.011 5.011 0 0 1 7.089 0l7.757 7.756a5.019 5.019 0 0 1-.005 7.089Z"/></svg>'
 export const rubberSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M61.857 43.599H46.463v2.5h15.394v-2.5Zm-53.176 0H2v2.5h6.681v-2.5Zm8.196 8.088h-2.5v6.68h2.5v-6.68Zm-7.816-2.371L4.338 54.04l1.768 1.768 4.723-4.724-1.768-1.768Zm49.252-33.358L50.556 8.2a7.51 7.51 0 0 0-10.624 0L14.313 33.817a7.521 7.521 0 0 0 0 10.624l1.8 1.8L38.8 46.1l19.513-19.52a7.523 7.523 0 0 0 0-10.623Zm-1.768 8.856-14.3 14.3-14.841-14.851 14.3-14.294a5.011 5.011 0 0 1 7.089 0l7.757 7.756a5.02 5.02 0 0 1-.005 7.089Z"/></svg>'
 export const rubber = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M46.535 43.415h15.394v2.5H46.535zm-44.463 0h6.681v2.5H2.072zm12.377 8.088h2.5v6.681h-2.5zM4.41 53.856l4.723-4.723 1.768 1.767-4.723 4.724zm53.975-38.082-7.757-7.757a7.511 7.511 0 0 0-10.624 0L14.385 33.633a7.521 7.521 0 0 0 0 10.624l1.8 1.8 22.687-.139 19.513-19.52a7.523 7.523 0 0 0 0-10.624Zm-1.768 8.856-14.3 14.3-14.841-14.851 14.3-14.294a5.011 5.011 0 0 1 7.089 0l7.757 7.756a5.019 5.019 0 0 1-.005 7.089Z"/></svg>'
+export const seasonSwapColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><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.96Z"/><path d="m19.23 20.62-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" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
+export const seasonSwapOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><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>'
 export const saveDiskColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M17.414 36.645V53.47h2.5V39.145h25.15V53.47h2.5V36.645h-30.15Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M42.654 11.5v10.77a1.156 1.156 0 0 1-1.154 1.154h-4.759V11.5h-2.5v11.924h-10.77a1.156 1.156 0 0 1-1.154-1.154V11.5h-2.5v10.77a3.659 3.659 0 0 0 3.654 3.654H41.5a3.659 3.659 0 0 0 3.654-3.654V11.5h-2.5Z"/><path d="M52.318 55.972H12.654A3.658 3.658 0 0 1 9 52.318V12.654A3.658 3.658 0 0 1 12.654 9H49.23l6.741 6.742v36.576a3.657 3.657 0 0 1-3.653 3.654ZM12.654 11.5a1.155 1.155 0 0 0-1.154 1.154v39.664a1.155 1.155 0 0 0 1.154 1.154h39.664a1.155 1.155 0 0 0 1.153-1.154v-35.54L48.195 11.5H12.654Z"/></svg>'
 export const saveDiskOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M17.414 36.645V53.47h2.5V39.145h25.15V53.47h2.5V36.645h-30.15ZM42.654 11.5v10.77a1.156 1.156 0 0 1-1.154 1.154h-4.759V11.5h-2.5v11.924h-10.77a1.156 1.156 0 0 1-1.154-1.154V11.5h-2.5v10.77a3.659 3.659 0 0 0 3.654 3.654H41.5a3.659 3.659 0 0 0 3.654-3.654V11.5h-2.5Z"/><path d="M52.318 55.972H12.654A3.658 3.658 0 0 1 9 52.318V12.654A3.658 3.658 0 0 1 12.654 9H49.23l6.741 6.742v36.576a3.657 3.657 0 0 1-3.653 3.654ZM12.654 11.5a1.155 1.155 0 0 0-1.154 1.154v39.664a1.155 1.155 0 0 0 1.154 1.154h39.664a1.155 1.155 0 0 0 1.153-1.154v-35.54L48.195 11.5H12.654Z"/></svg>'
 export const saveDisk = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M17.414 36.645v16.827h2.5V39.145h25.149v14.327h2.5V36.645ZM42.654 11.5v10.77a1.156 1.156 0 0 1-1.154 1.154h-4.759V11.5h-2.5v11.924h-10.77a1.156 1.156 0 0 1-1.154-1.154V11.5h-2.5v10.77a3.659 3.659 0 0 0 3.654 3.654H41.5a3.659 3.659 0 0 0 3.654-3.654V11.5Z"/><path d="M52.318 55.972H12.654A3.658 3.658 0 0 1 9 52.318V12.654A3.658 3.658 0 0 1 12.654 9H49.23l6.741 6.742v36.576a3.657 3.657 0 0 1-3.653 3.654ZM12.654 11.5a1.155 1.155 0 0 0-1.154 1.154v39.664a1.155 1.155 0 0 0 1.154 1.154h39.664a1.155 1.155 0 0 0 1.153-1.154v-35.54L48.195 11.5Z"/></svg>'
@@ -2053,4 +2055,11 @@ export const zoomLessColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><
 export const zoomLessOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="m43.225 41.458-1.768 1.767 12.657 12.658 1.768-1.768-12.657-12.657ZM27 46.24c-4.93 0-9.86-1.88-13.61-5.63-7.51-7.5-7.51-19.72 0-27.22s19.72-7.5 27.22 0c7.51 7.51 7.51 19.72 0 27.22A19.193 19.193 0 0 1 27 46.24Zm0-35.98c-4.29 0-8.58 1.63-11.84 4.9-6.53 6.53-6.53 17.16 0 23.69 6.53 6.53 17.16 6.53 23.69 0 6.53-6.53 6.53-17.16 0-23.69-3.26-3.26-7.55-4.9-11.84-4.9H27Z"/><path d="M37 25.75H17v2.5h20v-2.5Z"/></svg>'
 export const zoomOutColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M40.913 13.321a19.181 19.181 0 1 0 0 27.124 19.118 19.118 0 0 0 0-27.124Zm-2.261 24.86a15.984 15.984 0 1 1 0-22.6 15.872 15.872 0 0 1 0 22.6Zm2.774 5.047 2.26-2.263 12.666 12.65-2.261 2.264z"/><path fill="var(--road-icon-variant, rgb(252, 183, 49))" d="M17.35 25.383h20v3h-20z"/></svg>'
 export const zoomOut = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M40.913 13.321a19.181 19.181 0 1 0 0 27.124 19.118 19.118 0 0 0 0-27.124Zm-2.261 24.86a15.984 15.984 0 1 1 0-22.6 15.872 15.872 0 0 1 0 22.6Zm2.774 5.047 2.26-2.263 12.666 12.65-2.261 2.264z"/><path d="M17.35 25.383h20v3h-20z"/></svg>'
-export const zoomOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="m43.225 41.457-1.768 1.768 12.658 12.657 1.767-1.768-12.657-12.657ZM27 46.24c-4.93 0-9.86-1.88-13.61-5.63-7.51-7.5-7.51-19.72 0-27.22s19.72-7.5 27.22 0c7.51 7.51 7.51 19.72 0 27.22A19.193 19.193 0 0 1 27 46.24Zm0-35.98c-4.29 0-8.58 1.63-11.84 4.9-6.53 6.53-6.53 17.16 0 23.69 6.53 6.53 17.16 6.53 23.69 0 6.53-6.53 6.53-17.16 0-23.69-3.26-3.26-7.55-4.9-11.84-4.9H27Z"/><path d="M37 25.75h-8.75V17h-2.5v8.75H17v2.5h8.75V37h2.5v-8.75H37v-2.5Z"/></svg>'
+export const zoomOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="m43.225 41.457-1.768 1.768 12.658 12.657 1.767-1.768-12.657-12.657ZM27 46.24c-4.93 0-9.86-1.88-13.61-5.63-7.51-7.5-7.51-19.72 0-27.22s19.72-7.5 27.22 0c7.51 7.51 7.51 19.72 0 27.22A19.193 19.193 0 0 1 27 46.24Zm0-35.98c-4.29 0-8.58 1.63-11.84 4.9-6.53 6.53-6.53 17.16 0 23.69 6.53 6.53 17.16 6.53 23.69 0 6.53-6.53 6.53-17.16 0-23.69-3.26-3.26-7.55-4.9-11.84-4.9H27Z"/><path d="M37 25.75h-8.75V17h-2.5v8.75H17v2.5h8.75V37h2.5v-8.75H37v-2.5Z"/></svg>'
+
+
+
+
+
+
+

package/package.json

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

package/dist/roadtrip/p-80e42f95.entry.js

@@ -1 +0,0 @@
-import{r as a,c as r,h as t,H as e}from"./p-cdc666bc.js";const o=class{constructor(t){a(this,t),this.roadinput=r(this,"roadinput",7),this.roadInput=r(this,"roadInput",7),this.roadchange=r(this,"roadchange",7),this.roadChange=r(this,"roadChange",7),this.roadblur=r(this,"roadblur",7),this.roadBlur=r(this,"roadBlur",7),this.roadfocus=r(this,"roadfocus",7),this.roadFocus=r(this,"roadFocus",7),this.textareaId="road-textarea-"+s++,this.autocapitalize="none",this.autofocus=!1,this.disabled=!1,this.name=this.textareaId,this.sizes="lg",this.readonly=!1,this.required=!1,this.spellcheck=!1,this.value="",this.label=`${this.textareaId}-label`,this.onInput=a=>{const r=a.target;r&&(this.value=r.value||""),this.roadinput.emit(a),this.roadInput.emit(a)},this.onBlur=()=>{this.roadblur.emit(),this.roadBlur.emit()},this.onFocus=()=>{this.roadfocus.emit(),this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value}),this.roadChange.emit({value:this.value})}getValue(){return this.value||""}render(){const a=this.getValue(),r=this.textareaId+"-label";return t(e,{"aria-disabled":this.disabled?"true":null,class:this.sizes&&`input-${this.sizes}`},t("textarea",{class:`form-control textarea-control ${""!==this.value?"has-value":""} ${void 0!==this.error&&""!==this.error?"is-invalid":""}`,id:this.textareaId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":r,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:a,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),t("label",{class:"form-label",id:r,htmlFor:this.textareaId},this.label),this.error&&""!==this.error&&t("p",{class:"invalid-feedback"},this.error),this.helper&&""!==this.helper&&t("p",{class:"helper"},this.helper))}static get watchers(){return{value:["valueChanged"]}}};let s=0;o.style='.sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="date"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="time"].sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-grey-500)}';export{o as road_textarea}

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

@@ -1 +0,0 @@
-import{r,h as o,H as a}from"./p-cdc666bc.js";import"./p-12fd8791.js";const e=class{constructor(o){r(this,o),this.color="grey"}render(){return o(a,{class:`tag-${this.color}`},o("slot",null))}};e.style=":host{box-sizing:border-box;display:inline-flex;align-items:center;padding:0.125rem 0.5rem;font-size:var(--road-body-small);border-radius:0.25rem}:host(.tag-grey){color:var(--road-grey-30);background-color:var(--road-grey-85)}:host(.tag-yellow){color:var(--road-yellow-mikado-20);background-color:var(--road-yellow-mikado-90)}:host(.tag-red){color:var(--road-red-pepper-30);background-color:var(--road-red-pepper-95)}:host(.tag-violet){color:var(--road-violet-electric-30);background-color:var(--road-violet-electric-95)}:host(.tag-blue){color:var(--road-blue-klein-40);background-color:var(--road-blue-klein-95)}:host(.tag-green){color:var(--road-green-monstera-30);background-color:var(--road-green-monstera-95)}@media (any-hover: hover){:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary:hover){background:var(--road-button-primary-variant)}:host(.chip-secondary:hover) .chip-close{color:var(--road-primary)}}:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary.focus-visible){background:var(--road-button-primary-variant)}";export{e as road_tag}