@roadtrip/components 3.30.0 → 3.31.0

package/dist/types/components/global-navigation-v2/global-navigation-v2.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import './../../utils/polyfill';
+/**
+ * @slot navbar - it should be road-navbar-item elements. Max 5 items on Mobile or add them to the drawer
+ */
+export declare class GlobalNavigationV2 {
+  /**
+   * The selected tab component
+   */
+  selectedTab?: string;
+  selectedTabChanged(): void;
+  /** @internal */
+  roadnavbarchanged: EventEmitter;
+  /** @internal */
+  roadNavbarChanged: EventEmitter;
+  /** Root element of the component */
+  host: HTMLElement;
+  onNavbarChanged(ev: CustomEvent): void;
+  /** Toggles the compact attribute on <road-navbar-v2> */
+  private toggleCompactMode;
+  /** Toggles the "justify-content-center" class on the element with "compact-logo" */
+  private toggleCompactLogoClass;
+  /** Toggles the "rotate" attribute on the <road-icon> inside the <road-button> */
+  private toggleIconRotation;
+  /** Toggles the "trigger" attribute on <road-tooltip> elements based on the presence of the "compact" attribute on <road-navbar-v2> */
+  private toggleTooltips;
+  /** Toggles the compact mode and performs all related updates */
+  /** Handles click events on road-button or its children */
+  onButtonClick(event: MouseEvent): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/navbar-item-v2/navbar-item-v2.d.ts

@@ -0,0 +1,61 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot  - Content of the item, it should be road-icon and road-label elements.
+ *
+ * @part native - The native HTML anchor element that wraps all child elements.
+ */
+export declare class NavbarItem {
+  el: HTMLRoadNavbarItemElement;
+  /**
+   * If `true`, the user cannot interact with the tab button.
+   */
+  disabled: boolean;
+  /**
+   * This attribute instructs browsers to download a URL instead of navigating to
+   * it, so the user will be prompted to save it as a local file. If the attribute
+   * has a value, it is used as the pre-filled file name in the Save prompt
+   * (the user can still change the file name if they want).
+   */
+  download: string | undefined;
+  /**
+   * 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 | undefined;
+  /**
+   * 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 | undefined;
+  /**
+   * The selected tab component
+   */
+  selected: boolean;
+  /**
+   * A tab id must be provided for each `road-tab`. It's used internally to reference
+   * the selected tab.
+   */
+  tab?: string;
+  /**
+   * Specifies where to display the linked URL.
+   * Only applies when an `href` is provided.
+   * Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
+   */
+  target: string | undefined;
+  /**
+   * Emitted when the tab bar is clicked
+   * @internal
+   */
+  roadnavbaritemclick: EventEmitter;
+  /** @internal */
+  roadNavbarItemClick: EventEmitter;
+  onNavbarChanged(ev: CustomEvent): void;
+  /**
+   * Watch for changes to `selected` and move focus to this element if `selected` is true.
+   */
+  handleSelectedChange(newValue: boolean): void;
+  private selectTab;
+  private onKeyUp;
+  private onClick;
+  render(): any;
+}

package/dist/types/components/navbar-v2/navbar-v2.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import './../../utils/polyfill';
+/**
+ * @slot  - Content of the navbar, it should be road-navbar-item elements. Max 5 items on Mobile
+ */
+export declare class NavbarV2 {
+  /**
+   * Set to `true` for a compact navbar.
+   */
+  compact: boolean;
+  /**
+   * The selected tab component
+   */
+  selectedTab?: string;
+  selectedTabChanged(): void;
+  /** @internal */
+  roadnavbarchanged: EventEmitter;
+  /** @internal */
+  roadNavbarChanged: EventEmitter;
+  onNavbarChanged(ev: CustomEvent): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/toolbar-v2/toolbar-v2.d.ts

@@ -0,0 +1,11 @@
+/**
+ *
+ * @slot - Content is placed between the named slots if provided without a slot.
+ * @slot start - Content is placed to the left of the toolbar text and left to primery slot if provided.
+ * @slot primary - Content is placed to the left of the toolbar text.
+ * @slot secondary - Content is placed to the right of the toolbar text.
+ * @slot end - Content is placed to the right of the toolbar text and right to secondary slot if provided.
+ */
+export declare class ToolbarV2 {
+  render(): any;
+}

package/dist/types/components-react.d.ts

@@ -0,0 +1,81 @@
+import type { HTMLProps } from "react";
+
+declare module "react/jsx-runtime" {
+  namespace JSX {
+    interface IntrinsicElements {
+      ["road-accordion"]: HTMLProps<AccordionElement>;
+      ["road-alert"]: HTMLProps<AlertElement>;
+      ["road-area-code"]: HTMLProps<AreaCodeElement>;
+      ["road-asset"]: HTMLProps<AssetElement>;
+      ["road-autocomplete"]: HTMLProps<AutocompleteElement>;
+      ["road-avatar"]: HTMLProps<AvatarElement>;
+      ["road-badge"]: HTMLProps<BadgeElement>;
+      ["road-banner"]: HTMLProps<BannerElement>;
+      ["road-button"]: HTMLProps<ButtonElement>;
+      ["road-button-floating"]: HTMLProps<ButtonFloatingElement>;
+      ["road-card"]: HTMLProps<CardElement>;
+      ["road-carousel"]: HTMLProps<CarouselElement>;
+      ["road-carousel-item"]: HTMLProps<CarouselItemElement>;
+      ["road-checkbox"]: HTMLProps<CheckboxElement>;
+      ["road-chip"]: HTMLProps<ChipElement>;
+      ["road-col"]: HTMLProps<ColElement>;
+      ["road-collapse"]: HTMLProps<CollapseElement>;
+      ["road-content-card"]: HTMLProps<ContentCardElement>;
+      ["road-counter"]: HTMLProps<CounterElement>;
+      ["road-dialog"]: HTMLProps<DialogElement>;
+      ["road-drawer"]: HTMLProps<DrawerElement>;
+      ["road-dropdown"]: HTMLProps<DropdownElement>;
+      ["road-duration"]: HTMLProps<DurationElement>;
+      ["road-flap"]: HTMLProps<FlapElement>;
+      ["road-global-navigation"]: HTMLProps<GlobalNavigationElement>;
+      ["road-grid"]: HTMLProps<GridElement>;
+      ["road-icon"]: HTMLProps<IconElement>;
+      ["road-illustration"]: HTMLProps<IllustrationElement>;
+      ["road-img"]: HTMLProps<ImgElement>;
+      ["road-input"]: HTMLProps<InputElement>;
+      ["road-input-group"]: HTMLProps<InputGroupElement>;
+      ["road-item"]: HTMLProps<ItemElement>;
+      ["road-label"]: HTMLProps<LabelElement>;
+      ["road-list"]: HTMLProps<ListElement>;
+      ["road-modal"]: HTMLProps<ModalElement>;
+      ["road-navbar"]: HTMLProps<NavbarElement>;
+      ["road-navbar-item"]: HTMLProps<NavbarItemElement>;
+      ["road-phone-number-input"]: HTMLProps<PhoneNumberInputElement>;
+      ["road-plate-number"]: HTMLProps<PlateNumberElement>;
+      ["road-profil-dropdown"]: HTMLProps<ProfilDropdownElement>;
+      ["road-progress"]: HTMLProps<ProgressElement>;
+      ["road-progress-indicator-horizontal"]: HTMLProps<ProgressIndicatorHorizontalElement>;
+      ["road-progress-indicator-vertical"]: HTMLProps<ProgressIndicatorVerticalElement>;
+      ["road-progress-indicator-vertical-item"]: HTMLProps<ProgressIndicatorVerticalItemElement>;
+      ["road-progress-tracker"]: HTMLProps<ProgressTrackerElement>;
+      ["road-progress-tracker-item"]: HTMLProps<ProgressTrackerItemElement>;
+      ["road-radio"]: HTMLProps<RadioElement>;
+      ["road-radio-group"]: HTMLProps<RadioGroupElement>;
+      ["road-range"]: HTMLProps<RangeElement>;
+      ["road-rating"]: HTMLProps<RatingElement>;
+      ["road-row"]: HTMLProps<RowElement>;
+      ["road-segmented-button"]: HTMLProps<SegmentedButtonElement>;
+      ["road-segmented-button-bar"]: HTMLProps<SegmentedButtonBarElement>;
+      ["road-segmented-buttons"]: HTMLProps<SegmentedButtonsElement>;
+      ["road-select"]: HTMLProps<SelectElement>;
+      ["road-select-filter"]: HTMLProps<SelectFilterElement>;
+      ["road-skeleton"]: HTMLProps<SkeletonElement>;
+      ["road-spinner"]: HTMLProps<SpinnerElement>;
+      ["road-switch"]: HTMLProps<SwitchElement>;
+      ["road-tab"]: HTMLProps<TabElement>;
+      ["road-tab-bar"]: HTMLProps<TabBarElement>;
+      ["road-tab-button"]: HTMLProps<TabButtonElement>;
+      ["road-table"]: HTMLProps<TableElement>;
+      ["road-tabs"]: HTMLProps<TabsElement>;
+      ["road-tag"]: HTMLProps<TagElement>;
+      ["road-text"]: HTMLProps<TextElement>;
+      ["road-textarea"]: HTMLProps<TextareaElement>;
+      ["road-toast"]: HTMLProps<ToastElement>;
+      ["road-toggle"]: HTMLProps<ToggleElement>;
+      ["road-toolbar"]: HTMLProps<ToolbarElement>;
+      ["road-toolbar-title"]: HTMLProps<ToolbarTitleElement>;
+      ["road-toolbar-title-page"]: HTMLProps<ToolbarTitlePageElement>;
+      ["road-tooltip"]: HTMLProps<TooltipElement>;
+    }
+  }
+}

package/dist/types/components.d.ts

@@ -579,6 +579,12 @@ export namespace Components {
          */
         "selectedTab"?: string;
     }
+    interface RoadGlobalNavigationV2 {
+        /**
+          * The selected tab component
+         */
+        "selectedTab"?: string;
+    }
     interface RoadGrid {
     }
     interface RoadIcon {
@@ -919,6 +925,46 @@ export namespace Components {
          */
         "target": string | undefined;
     }
+    interface RoadNavbarItemV2 {
+        /**
+          * If `true`, the user cannot interact with the tab button.
+         */
+        "disabled": boolean;
+        /**
+          * This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
+         */
+        "download": string | undefined;
+        /**
+          * 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 | undefined;
+        /**
+          * 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 | undefined;
+        /**
+          * The selected tab component
+         */
+        "selected": boolean;
+        /**
+          * A tab id must be provided for each `road-tab`. It's used internally to reference the selected tab.
+         */
+        "tab"?: string;
+        /**
+          * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
+         */
+        "target": string | undefined;
+    }
+    interface RoadNavbarV2 {
+        /**
+          * Set to `true` for a compact navbar.
+         */
+        "compact": boolean;
+        /**
+          * The selected tab component
+         */
+        "selectedTab"?: string;
+    }
     interface RoadPhoneNumberInput {
         /**
           * Country selection placeHolder
@@ -1649,6 +1695,8 @@ export namespace Components {
     }
     interface RoadToolbarTitlePage {
     }
+    interface RoadToolbarV2 {
+    }
     interface RoadTooltip {
         /**
           * Close the tooltip.
@@ -1744,6 +1792,10 @@ export interface RoadGlobalNavigationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadGlobalNavigationElement;
 }
+export interface RoadGlobalNavigationV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadGlobalNavigationV2Element;
+}
 export interface RoadImgCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadImgElement;
@@ -1764,6 +1816,14 @@ export interface RoadNavbarItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadNavbarItemElement;
 }
+export interface RoadNavbarItemV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadNavbarItemV2Element;
+}
+export interface RoadNavbarV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadNavbarV2Element;
+}
 export interface RoadPhoneNumberInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadPhoneNumberInputElement;
@@ -2196,6 +2256,24 @@ declare global {
         prototype: HTMLRoadGlobalNavigationElement;
         new (): HTMLRoadGlobalNavigationElement;
     };
+    interface HTMLRoadGlobalNavigationV2ElementEventMap {
+        "roadnavbarchanged": any;
+        "roadNavbarChanged": any;
+    }
+    interface HTMLRoadGlobalNavigationV2Element extends Components.RoadGlobalNavigationV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadGlobalNavigationV2ElementEventMap>(type: K, listener: (this: HTMLRoadGlobalNavigationV2Element, ev: RoadGlobalNavigationV2CustomEvent<HTMLRoadGlobalNavigationV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadGlobalNavigationV2ElementEventMap>(type: K, listener: (this: HTMLRoadGlobalNavigationV2Element, ev: RoadGlobalNavigationV2CustomEvent<HTMLRoadGlobalNavigationV2ElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRoadGlobalNavigationV2Element: {
+        prototype: HTMLRoadGlobalNavigationV2Element;
+        new (): HTMLRoadGlobalNavigationV2Element;
+    };
     interface HTMLRoadGridElement extends Components.RoadGrid, HTMLStencilElement {
     }
     var HTMLRoadGridElement: {
@@ -2335,6 +2413,42 @@ declare global {
         prototype: HTMLRoadNavbarItemElement;
         new (): HTMLRoadNavbarItemElement;
     };
+    interface HTMLRoadNavbarItemV2ElementEventMap {
+        "roadnavbaritemclick": any;
+        "roadNavbarItemClick": any;
+    }
+    interface HTMLRoadNavbarItemV2Element extends Components.RoadNavbarItemV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadNavbarItemV2ElementEventMap>(type: K, listener: (this: HTMLRoadNavbarItemV2Element, ev: RoadNavbarItemV2CustomEvent<HTMLRoadNavbarItemV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadNavbarItemV2ElementEventMap>(type: K, listener: (this: HTMLRoadNavbarItemV2Element, ev: RoadNavbarItemV2CustomEvent<HTMLRoadNavbarItemV2ElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRoadNavbarItemV2Element: {
+        prototype: HTMLRoadNavbarItemV2Element;
+        new (): HTMLRoadNavbarItemV2Element;
+    };
+    interface HTMLRoadNavbarV2ElementEventMap {
+        "roadnavbarchanged": any;
+        "roadNavbarChanged": any;
+    }
+    interface HTMLRoadNavbarV2Element extends Components.RoadNavbarV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadNavbarV2ElementEventMap>(type: K, listener: (this: HTMLRoadNavbarV2Element, ev: RoadNavbarV2CustomEvent<HTMLRoadNavbarV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadNavbarV2ElementEventMap>(type: K, listener: (this: HTMLRoadNavbarV2Element, ev: RoadNavbarV2CustomEvent<HTMLRoadNavbarV2ElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRoadNavbarV2Element: {
+        prototype: HTMLRoadNavbarV2Element;
+        new (): HTMLRoadNavbarV2Element;
+    };
     interface HTMLRoadPhoneNumberInputElementEventMap {
         "roadPhoneNumberInput": {
     isError: boolean;
@@ -2824,6 +2938,12 @@ declare global {
         prototype: HTMLRoadToolbarTitlePageElement;
         new (): HTMLRoadToolbarTitlePageElement;
     };
+    interface HTMLRoadToolbarV2Element extends Components.RoadToolbarV2, HTMLStencilElement {
+    }
+    var HTMLRoadToolbarV2Element: {
+        prototype: HTMLRoadToolbarV2Element;
+        new (): HTMLRoadToolbarV2Element;
+    };
     interface HTMLRoadTooltipElement extends Components.RoadTooltip, HTMLStencilElement {
     }
     var HTMLRoadTooltipElement: {
@@ -2856,6 +2976,7 @@ declare global {
         "road-duration": HTMLRoadDurationElement;
         "road-flap": HTMLRoadFlapElement;
         "road-global-navigation": HTMLRoadGlobalNavigationElement;
+        "road-global-navigation-v2": HTMLRoadGlobalNavigationV2Element;
         "road-grid": HTMLRoadGridElement;
         "road-icon": HTMLRoadIconElement;
         "road-illustration": HTMLRoadIllustrationElement;
@@ -2868,6 +2989,8 @@ declare global {
         "road-modal": HTMLRoadModalElement;
         "road-navbar": HTMLRoadNavbarElement;
         "road-navbar-item": HTMLRoadNavbarItemElement;
+        "road-navbar-item-v2": HTMLRoadNavbarItemV2Element;
+        "road-navbar-v2": HTMLRoadNavbarV2Element;
         "road-phone-number-input": HTMLRoadPhoneNumberInputElement;
         "road-plate-number": HTMLRoadPlateNumberElement;
         "road-profil-dropdown": HTMLRoadProfilDropdownElement;
@@ -2903,6 +3026,7 @@ declare global {
         "road-toolbar": HTMLRoadToolbarElement;
         "road-toolbar-title": HTMLRoadToolbarTitleElement;
         "road-toolbar-title-page": HTMLRoadToolbarTitlePageElement;
+        "road-toolbar-v2": HTMLRoadToolbarV2Element;
         "road-tooltip": HTMLRoadTooltipElement;
     }
 }
@@ -3552,6 +3676,12 @@ declare namespace LocalJSX {
          */
         "selectedTab"?: string;
     }
+    interface RoadGlobalNavigationV2 {
+        /**
+          * The selected tab component
+         */
+        "selectedTab"?: string;
+    }
     interface RoadGrid {
     }
     interface RoadIcon {
@@ -3900,6 +4030,46 @@ declare namespace LocalJSX {
          */
         "target"?: string | undefined;
     }
+    interface RoadNavbarItemV2 {
+        /**
+          * If `true`, the user cannot interact with the tab button.
+         */
+        "disabled"?: boolean;
+        /**
+          * This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
+         */
+        "download"?: string | undefined;
+        /**
+          * 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 | undefined;
+        /**
+          * 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 | undefined;
+        /**
+          * The selected tab component
+         */
+        "selected"?: boolean;
+        /**
+          * A tab id must be provided for each `road-tab`. It's used internally to reference the selected tab.
+         */
+        "tab"?: string;
+        /**
+          * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
+         */
+        "target"?: string | undefined;
+    }
+    interface RoadNavbarV2 {
+        /**
+          * Set to `true` for a compact navbar.
+         */
+        "compact"?: boolean;
+        /**
+          * The selected tab component
+         */
+        "selectedTab"?: string;
+    }
     interface RoadPhoneNumberInput {
         /**
           * Country selection placeHolder
@@ -4730,6 +4900,8 @@ declare namespace LocalJSX {
     }
     interface RoadToolbarTitlePage {
     }
+    interface RoadToolbarV2 {
+    }
     interface RoadTooltip {
         /**
           * The tooltip's content.
@@ -4790,6 +4962,7 @@ declare namespace LocalJSX {
         "road-duration": RoadDuration;
         "road-flap": RoadFlap;
         "road-global-navigation": RoadGlobalNavigation;
+        "road-global-navigation-v2": RoadGlobalNavigationV2;
         "road-grid": RoadGrid;
         "road-icon": RoadIcon;
         "road-illustration": RoadIllustration;
@@ -4802,6 +4975,8 @@ declare namespace LocalJSX {
         "road-modal": RoadModal;
         "road-navbar": RoadNavbar;
         "road-navbar-item": RoadNavbarItem;
+        "road-navbar-item-v2": RoadNavbarItemV2;
+        "road-navbar-v2": RoadNavbarV2;
         "road-phone-number-input": RoadPhoneNumberInput;
         "road-plate-number": RoadPlateNumber;
         "road-profil-dropdown": RoadProfilDropdown;
@@ -4837,6 +5012,7 @@ declare namespace LocalJSX {
         "road-toolbar": RoadToolbar;
         "road-toolbar-title": RoadToolbarTitle;
         "road-toolbar-title-page": RoadToolbarTitlePage;
+        "road-toolbar-v2": RoadToolbarV2;
         "road-tooltip": RoadTooltip;
     }
 }
@@ -4869,6 +5045,7 @@ declare module "@stencil/core" {
             "road-duration": LocalJSX.RoadDuration & JSXBase.HTMLAttributes<HTMLRoadDurationElement>;
             "road-flap": LocalJSX.RoadFlap & JSXBase.HTMLAttributes<HTMLRoadFlapElement>;
             "road-global-navigation": LocalJSX.RoadGlobalNavigation & JSXBase.HTMLAttributes<HTMLRoadGlobalNavigationElement>;
+            "road-global-navigation-v2": LocalJSX.RoadGlobalNavigationV2 & JSXBase.HTMLAttributes<HTMLRoadGlobalNavigationV2Element>;
             "road-grid": LocalJSX.RoadGrid & JSXBase.HTMLAttributes<HTMLRoadGridElement>;
             "road-icon": LocalJSX.RoadIcon & JSXBase.HTMLAttributes<HTMLRoadIconElement>;
             "road-illustration": LocalJSX.RoadIllustration & JSXBase.HTMLAttributes<HTMLRoadIllustrationElement>;
@@ -4881,6 +5058,8 @@ declare module "@stencil/core" {
             "road-modal": LocalJSX.RoadModal & JSXBase.HTMLAttributes<HTMLRoadModalElement>;
             "road-navbar": LocalJSX.RoadNavbar & JSXBase.HTMLAttributes<HTMLRoadNavbarElement>;
             "road-navbar-item": LocalJSX.RoadNavbarItem & JSXBase.HTMLAttributes<HTMLRoadNavbarItemElement>;
+            "road-navbar-item-v2": LocalJSX.RoadNavbarItemV2 & JSXBase.HTMLAttributes<HTMLRoadNavbarItemV2Element>;
+            "road-navbar-v2": LocalJSX.RoadNavbarV2 & JSXBase.HTMLAttributes<HTMLRoadNavbarV2Element>;
             "road-phone-number-input": LocalJSX.RoadPhoneNumberInput & JSXBase.HTMLAttributes<HTMLRoadPhoneNumberInputElement>;
             "road-plate-number": LocalJSX.RoadPlateNumber & JSXBase.HTMLAttributes<HTMLRoadPlateNumberElement>;
             "road-profil-dropdown": LocalJSX.RoadProfilDropdown & JSXBase.HTMLAttributes<HTMLRoadProfilDropdownElement>;
@@ -4916,6 +5095,7 @@ declare module "@stencil/core" {
             "road-toolbar": LocalJSX.RoadToolbar & JSXBase.HTMLAttributes<HTMLRoadToolbarElement>;
             "road-toolbar-title": LocalJSX.RoadToolbarTitle & JSXBase.HTMLAttributes<HTMLRoadToolbarTitleElement>;
             "road-toolbar-title-page": LocalJSX.RoadToolbarTitlePage & JSXBase.HTMLAttributes<HTMLRoadToolbarTitlePageElement>;
+            "road-toolbar-v2": LocalJSX.RoadToolbarV2 & JSXBase.HTMLAttributes<HTMLRoadToolbarV2Element>;
             "road-tooltip": LocalJSX.RoadTooltip & JSXBase.HTMLAttributes<HTMLRoadTooltipElement>;
         }
     }