@roadtrip/components 2.28.0 → 2.29.0

package/dist/types/components.d.ts

@@ -8,6 +8,10 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AutocompleteTypes, Color, FeedbackColors, TextFieldTypes } from "./interface";
 export namespace Components {
     interface RoadAccordion {
+        /**
+          * Set to `true` to remove border the accordion and to `false` to add border it.
+         */
+        "isLight": boolean;
         /**
           * Set to `true` to open the accordion and to `false` to close it.
          */
@@ -40,6 +44,28 @@ export namespace Components {
          */
         "color"?: Color;
     }
+    interface RoadBanner {
+        /**
+          * Close the banner
+         */
+        "close": () => Promise<void>;
+        /**
+          * Set `open` property to `true` to open the banner
+         */
+        "isOpen": boolean;
+        /**
+          * Text display in the banner
+         */
+        "label": string;
+        /**
+          * Text Link display in the banner
+         */
+        "link"?: string;
+        /**
+          * Text Link display in the banner
+         */
+        "url"?: string;
+    }
     interface RoadButton {
         /**
           * The type of the button.
@@ -220,6 +246,10 @@ export namespace Components {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * If `true`, the checkbox will visually appear as indeterminate.
          */
@@ -526,6 +556,10 @@ export namespace Components {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * The id of input
          */
@@ -766,6 +800,10 @@ export namespace Components {
           * Error message for the field
          */
         "error"?: boolean;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * Inline multiple radio
          */
@@ -812,6 +850,10 @@ export namespace Components {
           * Error message for the radio group
          */
         "error"?: string;
+        /**
+          * Helper message for the radio group
+         */
+        "helper"?: string;
         /**
           * Label for the field
          */
@@ -1092,6 +1134,10 @@ export namespace Components {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * A hint to the browser for which keyboard to display. This attribute applies when the value of the type attribute is `"text"`, `"password"`, `"email"`, or `"url"`. Possible values are: `"verbatim"`, `"latin"`, `"latin-name"`, `"latin-prose"`, `"full-width-latin"`, `"kana"`, `"katakana"`, `"numeric"`, `"tel"`, `"email"`, `"url"`.
          */
@@ -1298,6 +1344,12 @@ declare global {
         prototype: HTMLRoadBadgeElement;
         new (): HTMLRoadBadgeElement;
     };
+    interface HTMLRoadBannerElement extends Components.RoadBanner, HTMLStencilElement {
+    }
+    var HTMLRoadBannerElement: {
+        prototype: HTMLRoadBannerElement;
+        new (): HTMLRoadBannerElement;
+    };
     interface HTMLRoadButtonElement extends Components.RoadButton, HTMLStencilElement {
     }
     var HTMLRoadButtonElement: {
@@ -1598,6 +1650,7 @@ declare global {
         "road-autocomplete": HTMLRoadAutocompleteElement;
         "road-avatar": HTMLRoadAvatarElement;
         "road-badge": HTMLRoadBadgeElement;
+        "road-banner": HTMLRoadBannerElement;
         "road-button": HTMLRoadButtonElement;
         "road-card": HTMLRoadCardElement;
         "road-carousel": HTMLRoadCarouselElement;
@@ -1651,6 +1704,10 @@ declare global {
 }
 declare namespace LocalJSX {
     interface RoadAccordion {
+        /**
+          * Set to `true` to remove border the accordion and to `false` to add border it.
+         */
+        "isLight"?: boolean;
         /**
           * Set to `true` to open the accordion and to `false` to close it.
          */
@@ -1690,6 +1747,28 @@ declare namespace LocalJSX {
          */
         "color"?: Color;
     }
+    interface RoadBanner {
+        /**
+          * Set `open` property to `true` to open the banner
+         */
+        "isOpen"?: boolean;
+        /**
+          * Text display in the banner
+         */
+        "label"?: string;
+        /**
+          * Text Link display in the banner
+         */
+        "link"?: string;
+        /**
+          * Indicate when closing the banner
+         */
+        "onClose"?: (event: CustomEvent<void>) => void;
+        /**
+          * Text Link display in the banner
+         */
+        "url"?: string;
+    }
     interface RoadButton {
         /**
           * The type of the button.
@@ -1874,6 +1953,10 @@ declare namespace LocalJSX {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * If `true`, the checkbox will visually appear as indeterminate.
          */
@@ -2210,6 +2293,10 @@ declare namespace LocalJSX {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * The id of input
          */
@@ -2482,6 +2569,10 @@ declare namespace LocalJSX {
           * Error message for the field
          */
         "error"?: boolean;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * Inline multiple radio
          */
@@ -2536,6 +2627,10 @@ declare namespace LocalJSX {
           * Error message for the radio group
          */
         "error"?: string;
+        /**
+          * Helper message for the radio group
+         */
+        "helper"?: string;
         /**
           * Label for the field
          */
@@ -2853,6 +2948,10 @@ declare namespace LocalJSX {
           * Error message for the field
          */
         "error"?: string;
+        /**
+          * Helper message for the field
+         */
+        "helper"?: string;
         /**
           * A hint to the browser for which keyboard to display. This attribute applies when the value of the type attribute is `"text"`, `"password"`, `"email"`, or `"url"`. Possible values are: `"verbatim"`, `"latin"`, `"latin-name"`, `"latin-prose"`, `"full-width-latin"`, `"kana"`, `"katakana"`, `"numeric"`, `"tel"`, `"email"`, `"url"`.
          */
@@ -3054,6 +3153,7 @@ declare namespace LocalJSX {
         "road-autocomplete": RoadAutocomplete;
         "road-avatar": RoadAvatar;
         "road-badge": RoadBadge;
+        "road-banner": RoadBanner;
         "road-button": RoadButton;
         "road-card": RoadCard;
         "road-carousel": RoadCarousel;
@@ -3114,6 +3214,7 @@ declare module "@stencil/core" {
             "road-autocomplete": LocalJSX.RoadAutocomplete & JSXBase.HTMLAttributes<HTMLRoadAutocompleteElement>;
             "road-avatar": LocalJSX.RoadAvatar & JSXBase.HTMLAttributes<HTMLRoadAvatarElement>;
             "road-badge": LocalJSX.RoadBadge & JSXBase.HTMLAttributes<HTMLRoadBadgeElement>;
+            "road-banner": LocalJSX.RoadBanner & JSXBase.HTMLAttributes<HTMLRoadBannerElement>;
             "road-button": LocalJSX.RoadButton & JSXBase.HTMLAttributes<HTMLRoadButtonElement>;
             "road-card": LocalJSX.RoadCard & JSXBase.HTMLAttributes<HTMLRoadCardElement>;
             "road-carousel": LocalJSX.RoadCarousel & JSXBase.HTMLAttributes<HTMLRoadCarouselElement>;