@roadtrip/components 3.3.0 → 3.4.0

package/dist/types/components.d.ts

@@ -132,6 +132,24 @@ export namespace Components {
          */
         "target"?: string;
     }
+    interface RoadButtonFloating {
+        /**
+          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
+         */
+        "href"?: string;
+        /**
+          * position.
+         */
+        "position"?: 'left' | 'center' | 'right';
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string;
+        /**
+          * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
+         */
+        "target"?: string;
+    }
     interface RoadCard {
         /**
           * If `true`, a button tag will be rendered and the card will be tappable.
@@ -1518,6 +1536,10 @@ export interface RoadButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadButtonElement;
 }
+export interface RoadButtonFloatingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadButtonFloatingElement;
+}
 export interface RoadCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadCardElement;
@@ -1677,6 +1699,12 @@ declare global {
         prototype: HTMLRoadButtonElement;
         new (): HTMLRoadButtonElement;
     };
+    interface HTMLRoadButtonFloatingElement extends Components.RoadButtonFloating, HTMLStencilElement {
+    }
+    var HTMLRoadButtonFloatingElement: {
+        prototype: HTMLRoadButtonFloatingElement;
+        new (): HTMLRoadButtonFloatingElement;
+    };
     interface HTMLRoadCardElement extends Components.RoadCard, HTMLStencilElement {
     }
     var HTMLRoadCardElement: {
@@ -2039,6 +2067,7 @@ declare global {
         "road-badge": HTMLRoadBadgeElement;
         "road-banner": HTMLRoadBannerElement;
         "road-button": HTMLRoadButtonElement;
+        "road-button-floating": HTMLRoadButtonFloatingElement;
         "road-card": HTMLRoadCardElement;
         "road-carousel": HTMLRoadCarouselElement;
         "road-carousel-item": HTMLRoadCarouselItemElement;
@@ -2241,6 +2270,32 @@ declare namespace LocalJSX {
          */
         "target"?: string;
     }
+    interface RoadButtonFloating {
+        /**
+          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
+         */
+        "href"?: string;
+        /**
+          * Emitted when the button loses focus.
+         */
+        "onRoadblur"?: (event: RoadButtonFloatingCustomEvent<void>) => void;
+        /**
+          * Emitted when the button has focus.
+         */
+        "onRoadfocus"?: (event: RoadButtonFloatingCustomEvent<void>) => void;
+        /**
+          * position.
+         */
+        "position"?: 'left' | 'center' | 'right';
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string;
+        /**
+          * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
+         */
+        "target"?: string;
+    }
     interface RoadCard {
         /**
           * If `true`, a button tag will be rendered and the card will be tappable.
@@ -3754,6 +3809,7 @@ declare namespace LocalJSX {
         "road-badge": RoadBadge;
         "road-banner": RoadBanner;
         "road-button": RoadButton;
+        "road-button-floating": RoadButtonFloating;
         "road-card": RoadCard;
         "road-carousel": RoadCarousel;
         "road-carousel-item": RoadCarouselItem;
@@ -3826,6 +3882,7 @@ declare module "@stencil/core" {
             "road-badge": LocalJSX.RoadBadge & JSXBase.HTMLAttributes<HTMLRoadBadgeElement>;
             "road-banner": LocalJSX.RoadBanner & JSXBase.HTMLAttributes<HTMLRoadBannerElement>;
             "road-button": LocalJSX.RoadButton & JSXBase.HTMLAttributes<HTMLRoadButtonElement>;
+            "road-button-floating": LocalJSX.RoadButtonFloating & JSXBase.HTMLAttributes<HTMLRoadButtonFloatingElement>;
             "road-card": LocalJSX.RoadCard & JSXBase.HTMLAttributes<HTMLRoadCardElement>;
             "road-carousel": LocalJSX.RoadCarousel & JSXBase.HTMLAttributes<HTMLRoadCarouselElement>;
             "road-carousel-item": LocalJSX.RoadCarouselItem & JSXBase.HTMLAttributes<HTMLRoadCarouselItemElement>;