@roadtrip/components 3.5.0 → 3.6.0

package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.css

@@ -1,185 +0,0 @@
-/*
- * Vertical Stepper Item
- *
- */
-
-/* VERTICAL STEPPER ITEM
-   -------------------- */
-
-road-vertical-stepper-item {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  min-height: 65px;
-}
-
-.vertical-stepper-item-content {
-  display: inline-block;
-  margin-left: 1rem;
-}
-
-/**
-* Disabled click for current and next steps
-*/
-
-road-vertical-stepper-item:not(.completed) .vertical-stepper-link {
-  cursor: not-allowed;
-}
-
-/* VERTICAL STEPPER LINK
-    -------------------- */
-
-.vertical-stepper-link {
-  position: relative;
-  z-index: 1;
-  display: flex;
-}
-
-/* VERTICAL STEPPER ICON
-    -------------------- */
-
-.vertical-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  font-size: var(--road-button-medium);
-  font-weight: 700;
-  color: var(--road-on-surface-disabled);
-  background: var(--road-surface-inverse);
-  border-radius: 50%;
-  fill: currentColor;
-}
-
-.vertical-stepper-line {
-  position: absolute;
-  top: 32px;
-  left: 15px;
-  z-index: -1;
-  height: calc(100% - 32px);
-  border-left: 2px solid var(--road-surface-disabled);
-}
-
-road-vertical-stepper-item:last-child .vertical-stepper-line {
-  border-left: 0;
-}
-
-.stepper-outline .vertical-stepper-icon,
-.stepper-secondary-outline .vertical-stepper-icon {
-  color: var(--road-on-surface-disabled);
-  background: var(--road-surface);
-  border: 2px solid var(--road-surface-disabled);
-}
-
-.stepper-outline-light .vertical-stepper-icon,
-.stepper-secondary-outline-light .vertical-stepper-icon {
-  color: var(--road-on-surface-disabled);
-  background: none;
-  border: 2px solid var(--road-surface-disabled);
-  fill: currentColor;
-}
-
-/* VERTICAL STEPPER TITLE
-    -------------------- */
-
-.vertical-stepper-title {
-  display: block;
-  font-size: var(--road-body-small);
-  font-weight: 700;
-  color: var(--road-on-surface);
-}
-
-.vertical-stepper-description{
-  display: block;
-  margin: 0;
-  font-size: var(--road-label-small);
-  font-weight: 400;
-  color: var(--road-on-surface-weak);
-}
-
-/* STEP COMPLETED
-    -------------------- */
-
-.completed:not(:last-child)::after {
-  background: var(--road-primary);
-}
-
-.vertical-stepper-secondary .completed:not(:last-child) .vertical-stepper-line,
-.vertical-stepper-secondary-outline .completed:not(:last-child) .vertical-stepper-line,
-.vertical-stepper-secondary-outline-light .completed:not(:last-child) .vertical-stepper-line {
-  background: var(--road-secondary);
-}
-
-.completed .vertical-stepper-icon,
-.current .vertical-stepper-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--road-on-primary);
-  background: var(--road-primary);
-  border: 0;
-}
-
-.completed .vertical-stepper-line {
-  border-left: 2px solid var(--road-primary);
-}
-
-.stepper-secondary.completed .vertical-stepper-line,
-.stepper-secondary-outline.completed .vertical-stepper-line,
-.stepper-secondary-outline-light.completed .vertical-stepper-line {
-  border-left: 2px solid var(--road-secondary);
-}
-
-.stepper-outline.completed .vertical-stepper-icon {
-  align-items: baseline;
-  color: var(--road-primary);
-  background: var(--road-surface);
-  border: 2px solid var(--road-primary);
-}
-
-.stepper-secondary.stepper-outline.completed .vertical-stepper-icon {
-  color: var(--road-secondary);
-  background: var(--road-surface);
-  border: 2px solid var(--road-secondary);
-}
-
-.stepper-outline-light.completed .vertical-stepper-icon {
-  align-items: baseline;
-  color: var(--road-primary);
-  background: none;
-  border: 2px solid var(--road-primary);
-}
-
-.stepper-secondary.completed .vertical-stepper-icon {
-  color: var(--road-on-secondary);
-  background: var(--road-secondary);
-  border: 0;
-}
-
-
-
-.stepper-secondary.stepper-outline-light.completed .vertical-stepper-icon {
-  color: var(--road-secondary);
-  background: none;
-  border: 2px solid var(--road-secondary);
-}
-
-.stepper-secondary.current .vertical-stepper-icon {
-  color: var(--road-on-secondary);
-  background: var(--road-secondary);
-}
-
-.stepper-secondary-outline.current .vertical-stepper-icon {
-  color: var(--road-on-secondary);
-  background: var(--road-secondary);
-}
-
-.stepper-secondary-outline-light.current .vertical-stepper-icon {
-  color: var(--road-on-secondary);
-  background: var(--road-secondary);
-}
-
-.current .vertical-stepper-title {
-  font-weight: 700;
-  color: var(--road-on-surface);
-}

package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.js

@@ -1,20 +0,0 @@
-import { Host, h } from '@stencil/core';
-/**
- * @slot - Content of the carousel item, it should be road-img or road-card.
- */
-export class VerticalStepperItem {
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get is() { return "road-vertical-stepper-item"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["vertical-stepper-item.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["vertical-stepper-item.css"]
-    };
-  }
-}

package/dist/esm/road-vertical-stepper-item.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
-
-const verticalStepperItemCss = "road-vertical-stepper-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.vertical-stepper-item-content{display:inline-block;margin-left:1rem}road-vertical-stepper-item:not(.completed) .vertical-stepper-link{cursor:not-allowed}.vertical-stepper-link{position:relative;z-index:1;display:flex}.vertical-stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-inverse);border-radius:50%;fill:currentColor}.vertical-stepper-line{position:absolute;top:32px;left:15px;z-index:-1;height:calc(100% - 32px);border-left:2px solid var(--road-surface-disabled)}road-vertical-stepper-item:last-child .vertical-stepper-line{border-left:0}.stepper-outline .vertical-stepper-icon,.stepper-secondary-outline .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled)}.stepper-outline-light .vertical-stepper-icon,.stepper-secondary-outline-light .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.vertical-stepper-title{display:block;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface)}.vertical-stepper-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.vertical-stepper-secondary .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline-light .completed:not(:last-child) .vertical-stepper-line{background:var(--road-secondary)}.completed .vertical-stepper-icon,.current .vertical-stepper-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .vertical-stepper-line{border-left:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-line,.stepper-secondary-outline.completed .vertical-stepper-line,.stepper-secondary-outline-light.completed .vertical-stepper-line{border-left:2px solid var(--road-secondary)}.stepper-outline.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.stepper-secondary.stepper-outline.completed .vertical-stepper-icon{color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.stepper-outline-light.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.stepper-secondary.stepper-outline-light.completed .vertical-stepper-icon{color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.stepper-secondary.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline-light.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .vertical-stepper-title{font-weight:700;color:var(--road-on-surface)}";
-
-const VerticalStepperItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-};
-VerticalStepperItem.style = verticalStepperItemCss;
-
-export { VerticalStepperItem as road_vertical_stepper_item };

package/dist/esm/road-vertical-stepper.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
-
-const verticalStepperCss = ":host{display:block}.vertical-stepper{display:flex;flex-direction:column;padding-left:0;list-style:none}";
-
-const VerticalStepper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("nav", null, h("ul", null, h("slot", null)))));
-  }
-};
-VerticalStepper.style = verticalStepperCss;
-
-export { VerticalStepper as road_vertical_stepper };

package/dist/roadtrip/p-42e5299f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,H as o}from"./p-cdc666bc.js";const a=class{constructor(r){e(this,r)}render(){return r(o,null,r("slot",null))}};a.style="road-vertical-stepper-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.vertical-stepper-item-content{display:inline-block;margin-left:1rem}road-vertical-stepper-item:not(.completed) .vertical-stepper-link{cursor:not-allowed}.vertical-stepper-link{position:relative;z-index:1;display:flex}.vertical-stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-inverse);border-radius:50%;fill:currentColor}.vertical-stepper-line{position:absolute;top:32px;left:15px;z-index:-1;height:calc(100% - 32px);border-left:2px solid var(--road-surface-disabled)}road-vertical-stepper-item:last-child .vertical-stepper-line{border-left:0}.stepper-outline .vertical-stepper-icon,.stepper-secondary-outline .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled)}.stepper-outline-light .vertical-stepper-icon,.stepper-secondary-outline-light .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.vertical-stepper-title{display:block;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface)}.vertical-stepper-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.vertical-stepper-secondary .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline-light .completed:not(:last-child) .vertical-stepper-line{background:var(--road-secondary)}.completed .vertical-stepper-icon,.current .vertical-stepper-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .vertical-stepper-line{border-left:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-line,.stepper-secondary-outline.completed .vertical-stepper-line,.stepper-secondary-outline-light.completed .vertical-stepper-line{border-left:2px solid var(--road-secondary)}.stepper-outline.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.stepper-secondary.stepper-outline.completed .vertical-stepper-icon{color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.stepper-outline-light.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.stepper-secondary.stepper-outline-light.completed .vertical-stepper-icon{color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.stepper-secondary.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline-light.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .vertical-stepper-title{font-weight:700;color:var(--road-on-surface)}";export{a as road_vertical_stepper_item}

package/dist/roadtrip/p-932e323f.entry.js

@@ -1 +0,0 @@
-import{r as l,h as s,H as t}from"./p-cdc666bc.js";const e=class{constructor(s){l(this,s)}render(){return s(t,null,s("nav",null,s("ul",null,s("slot",null))))}};e.style=":host{display:block}.vertical-stepper{display:flex;flex-direction:column;padding-left:0;list-style:none}";export{e as road_vertical_stepper}

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

@@ -1 +0,0 @@
-import{r as o,c as t,h as a,H as s}from"./p-cdc666bc.js";import{a as r,d as i,e,f as n,g as c}from"./p-87259af5.js";const d=class{constructor(a){o(this,a),this.onClose=t(this,"close",7),this.isOpen=!1,this.color="info",this.timeout=5e3,this.onClick=o=>{o.stopPropagation(),o.preventDefault(),this.close()}}isOpenChanged(){this.isOpen&&this.timeout>0&&setTimeout((()=>this.close()),this.timeout)}async open(){this.isOpen=!0,this.timeout>0&&setTimeout((()=>{this.close()}),this.timeout)}async close(){this.isOpen=!1,this.onClose.emit()}componentDidLoad(){this.isOpen&&this.timeout>0&&setTimeout((()=>this.close()),this.timeout)}render(){const o=this.isOpen?"toast-open":"";let t;switch(this.color){case"info":t=i;break;case"success":t=c;break;case"warning":t=n;break;case"danger":t=e;break;default:t=i}return"danger"==this.color&&(this.timeout=0),a(s,{class:`${o}`,role:"alert"},a("div",{class:`toast toast-${this.color}`},a("road-icon",{class:"toast-icon",icon:t,"aria-hidden":"true"}),a("p",{class:"toast-label"},this.label),a("button",{type:"button",class:"toast-close","aria-label":"Close",onClick:this.onClick},a("road-icon",{icon:r,size:"md"})),a("slot",{name:"progress"})))}static get watchers(){return{isOpen:["isOpenChanged"]}}};d.style=":host{position:fixed;right:0;bottom:1rem;left:0;z-index:1;display:flex;justify-content:center;width:328px;margin:0 auto;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;transform:translateY(-100%)}@media (min-width: 1200px){:host{right:1.5rem;bottom:3rem;left:auto;width:auto;transform:translateX(100%)}}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;flex-flow:wrap;align-items:flex-start;width:328px;padding:0.75rem 2rem 0.6rem 1rem;font-family:var(--road-font);font-size:var(--road-body-medium);line-height:1.4;color:var(--road-on-info-surface-inverse);text-align:left;background:var(--road-info-surface-inverse);border-radius:0.25rem}@media (min-width: 575px){.toast{padding:1rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{top:auto;left:0.5rem;margin-top:-5px;margin-right:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;right:0.5rem;padding:0;color:inherit;cursor:pointer;background:none;border:0;border-radius:4px;fill:var(--road-info-icon-inverse)}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}.toast-label{width:240px;margin:0}:host ::slotted(road-progress){position:absolute;bottom:-8px;left:0;flex-basis:100%;width:100%;margin-top:0.5rem}@keyframes load{0%{width:0}100%{width:100%}}";export{d as road_toast}

package/dist/types/components/vertical-stepper/vertical-stepper.d.ts

@@ -1,15 +0,0 @@
-/**
- * @slot  - content of the stepper item, it should be road-vertical-stepper-item elements.
- *
- * if the state of the step is completed add the class `completed` on the road-vertical-stepper-item
- * `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
- * `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
- * `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
- * `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
- *
- * if the state of the step is current add the class `current` on the road-vertical-stepper-item
-
- */
-export declare class VerticalStepper {
-  render(): any;
-}

package/dist/types/components/vertical-stepper-item/vertical-stepper-item.d.ts

@@ -1,6 +0,0 @@
-/**
- * @slot - Content of the carousel item, it should be road-img or road-card.
- */
-export declare class VerticalStepperItem {
-  render(): any;
-}