@roadtrip/components 2.45.1 → 2.47.0

package/dist/types/components.d.ts

@@ -94,7 +94,7 @@ export namespace Components {
         /**
           * The color to use from your application's color palette.
          */
-        "color"?: 'primary' | 'secondary' | 'default';
+        "color"?: 'primary' | 'secondary' | 'ghost' |'default';
         /**
           * If `true`, the user cannot interact with the button.
          */
@@ -112,7 +112,7 @@ export namespace Components {
          */
         "href"?: string;
         /**
-          * Set to `true` for a transparent button with a border
+          * Set to `false` for a ghost button, set to `true` for a default outline button
          */
         "outline": boolean;
         /**
@@ -499,7 +499,7 @@ export namespace Components {
         /**
           * Set the color of the flap.
          */
-        "color": 'promo' | 'exclu' | 'info' | 'ecology';
+        "color": 'promo' | 'exclu' | 'info' | 'ecology' | 'blackfriday';
         /**
           * The button size.
          */
@@ -826,6 +826,14 @@ export namespace Components {
           * Label display in progress bar
          */
         "label": string;
+        /**
+          * The number of steps should be 4 or 5.
+         */
+        "numbersteps"?: '4' | '5' | 'default';
+        /**
+          * Show step
+         */
+        "showstep": boolean;
         /**
           * The value determines how much of the active bar should display. The value should be between [0, 100].
          */
@@ -965,6 +973,38 @@ export namespace Components {
     }
     interface RoadRow {
     }
+    interface RoadSegmentedButton {
+        /**
+          * The selected tab component
+         */
+        "selected": boolean;
+        /**
+          * A tab id must be provided for each `road-tab`. It's used internally to reference
+         */
+        "tab"?: string;
+    }
+    interface RoadSegmentedButtonBar {
+        /**
+          * The selected tab component
+         */
+        "selectedTab"?: string;
+    }
+    interface RoadSegmentedButtons {
+        /**
+          * Get the currently selected tab.
+         */
+        "getSelected": () => Promise<string | undefined>;
+        /**
+          * Get a specific tab by the value of its `tab` property or an element reference.
+          * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.
+         */
+        "getTab": (tab: string | HTMLRoadTabElement) => Promise<HTMLRoadTabElement | undefined>;
+        /**
+          * Select a tab by the value of its `tab` property or an element reference.
+          * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.
+         */
+        "select": (tab: string | HTMLRoadTabElement) => Promise<boolean>;
+    }
     interface RoadSelect {
         /**
           * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
@@ -1484,6 +1524,18 @@ export interface RoadRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadRangeElement;
 }
+export interface RoadSegmentedButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadSegmentedButtonElement;
+}
+export interface RoadSegmentedButtonBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadSegmentedButtonBarElement;
+}
+export interface RoadSegmentedButtonsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadSegmentedButtonsElement;
+}
 export interface RoadSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadSelectElement;
@@ -1749,6 +1801,24 @@ declare global {
         prototype: HTMLRoadRowElement;
         new (): HTMLRoadRowElement;
     };
+    interface HTMLRoadSegmentedButtonElement extends Components.RoadSegmentedButton, HTMLStencilElement {
+    }
+    var HTMLRoadSegmentedButtonElement: {
+        prototype: HTMLRoadSegmentedButtonElement;
+        new (): HTMLRoadSegmentedButtonElement;
+    };
+    interface HTMLRoadSegmentedButtonBarElement extends Components.RoadSegmentedButtonBar, HTMLStencilElement {
+    }
+    var HTMLRoadSegmentedButtonBarElement: {
+        prototype: HTMLRoadSegmentedButtonBarElement;
+        new (): HTMLRoadSegmentedButtonBarElement;
+    };
+    interface HTMLRoadSegmentedButtonsElement extends Components.RoadSegmentedButtons, HTMLStencilElement {
+    }
+    var HTMLRoadSegmentedButtonsElement: {
+        prototype: HTMLRoadSegmentedButtonsElement;
+        new (): HTMLRoadSegmentedButtonsElement;
+    };
     interface HTMLRoadSelectElement extends Components.RoadSelect, HTMLStencilElement {
     }
     var HTMLRoadSelectElement: {
@@ -1896,6 +1966,9 @@ declare global {
         "road-range": HTMLRoadRangeElement;
         "road-rating": HTMLRoadRatingElement;
         "road-row": HTMLRoadRowElement;
+        "road-segmented-button": HTMLRoadSegmentedButtonElement;
+        "road-segmented-button-bar": HTMLRoadSegmentedButtonBarElement;
+        "road-segmented-buttons": HTMLRoadSegmentedButtonsElement;
         "road-select": HTMLRoadSelectElement;
         "road-select-filter": HTMLRoadSelectFilterElement;
         "road-skeleton": HTMLRoadSkeletonElement;
@@ -2011,7 +2084,7 @@ declare namespace LocalJSX {
         /**
           * The color to use from your application's color palette.
          */
-        "color"?: 'primary' | 'secondary' | 'default';
+        "color"?: 'primary' | 'secondary' | 'ghost' |'default';
         /**
           * If `true`, the user cannot interact with the button.
          */
@@ -2037,7 +2110,7 @@ declare namespace LocalJSX {
          */
         "onRoadfocus"?: (event: RoadButtonCustomEvent<void>) => void;
         /**
-          * Set to `true` for a transparent button with a border
+          * Set to `false` for a ghost button, set to `true` for a default outline button
          */
         "outline"?: boolean;
         /**
@@ -2452,7 +2525,7 @@ declare namespace LocalJSX {
         /**
           * Set the color of the flap.
          */
-        "color"?: 'promo' | 'exclu' | 'info' | 'ecology';
+        "color"?: 'promo' | 'exclu' | 'info' | 'ecology' | 'blackfriday';
         /**
           * The button size.
          */
@@ -2823,6 +2896,14 @@ declare namespace LocalJSX {
           * Label display in progress bar
          */
         "label"?: string;
+        /**
+          * The number of steps should be 4 or 5.
+         */
+        "numbersteps"?: '4' | '5' | 'default';
+        /**
+          * Show step
+         */
+        "showstep"?: boolean;
         /**
           * The value determines how much of the active bar should display. The value should be between [0, 100].
          */
@@ -2982,6 +3063,32 @@ declare namespace LocalJSX {
     }
     interface RoadRow {
     }
+    interface RoadSegmentedButton {
+        /**
+          * The selected tab component
+         */
+        "selected"?: boolean;
+        /**
+          * A tab id must be provided for each `road-tab`. It's used internally to reference
+         */
+        "tab"?: string;
+    }
+    interface RoadSegmentedButtonBar {
+        /**
+          * The selected tab component
+         */
+        "selectedTab"?: string;
+    }
+    interface RoadSegmentedButtons {
+        /**
+          * Emitted when the navigation has finished transitioning to a new component.
+         */
+        "onRoadtabsdidchange"?: (event: RoadSegmentedButtonsCustomEvent<{tab: string}>) => void;
+        /**
+          * Emitted when the navigation is about to transition to a new component.
+         */
+        "onRoadtabswillchange"?: (event: RoadSegmentedButtonsCustomEvent<{tab: string}>) => void;
+    }
     interface RoadSelect {
         /**
           * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
@@ -3509,6 +3616,9 @@ declare namespace LocalJSX {
         "road-range": RoadRange;
         "road-rating": RoadRating;
         "road-row": RoadRow;
+        "road-segmented-button": RoadSegmentedButton;
+        "road-segmented-button-bar": RoadSegmentedButtonBar;
+        "road-segmented-buttons": RoadSegmentedButtons;
         "road-select": RoadSelect;
         "road-select-filter": RoadSelectFilter;
         "road-skeleton": RoadSkeleton;
@@ -3571,6 +3681,9 @@ declare module "@stencil/core" {
             "road-range": LocalJSX.RoadRange & JSXBase.HTMLAttributes<HTMLRoadRangeElement>;
             "road-rating": LocalJSX.RoadRating & JSXBase.HTMLAttributes<HTMLRoadRatingElement>;
             "road-row": LocalJSX.RoadRow & JSXBase.HTMLAttributes<HTMLRoadRowElement>;
+            "road-segmented-button": LocalJSX.RoadSegmentedButton & JSXBase.HTMLAttributes<HTMLRoadSegmentedButtonElement>;
+            "road-segmented-button-bar": LocalJSX.RoadSegmentedButtonBar & JSXBase.HTMLAttributes<HTMLRoadSegmentedButtonBarElement>;
+            "road-segmented-buttons": LocalJSX.RoadSegmentedButtons & JSXBase.HTMLAttributes<HTMLRoadSegmentedButtonsElement>;
             "road-select": LocalJSX.RoadSelect & JSXBase.HTMLAttributes<HTMLRoadSelectElement>;
             "road-select-filter": LocalJSX.RoadSelectFilter & JSXBase.HTMLAttributes<HTMLRoadSelectFilterElement>;
             "road-skeleton": LocalJSX.RoadSkeleton & JSXBase.HTMLAttributes<HTMLRoadSkeletonElement>;