npm - @roadtrip/components - Versions diffs - 2.23.0 → 2.25.1 - Mend

@roadtrip/components 2.23.0 → 2.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (538) hide show

package/dist/types/components.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ import { AutocompleteTypes, Color, FeedbackColors, TextFieldTypes } from "./inte
 export namespace Components {
     interface RoadAccordion {
         /**
-          * Set open to true to show the accordion element and to false to hide it.
+          * Set to `true` to open the accordion and to `false` to close it.
          */
         "isOpen": boolean;
     }
@@ -60,7 +60,7 @@ export namespace Components {
         /**
           * Set to `true` for a full-width button.
          */
-        "expand"?: boolean;
+        "expand": boolean;
         /**
           * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
          */
@@ -76,7 +76,7 @@ export namespace Components {
         /**
           * The button size.
          */
-        "size"?: 'sm' | 'md';
+        "size"?: 'sm' | 'md' | 'lg';
         /**
           * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
          */
@@ -209,7 +209,7 @@ export namespace Components {
          */
         "checkboxId": string;
         /**
-          * If `true`, the checkbox is selected.
+          * If `true`, the checkbox is checked.
          */
         "checked": boolean;
         /**
@@ -247,15 +247,15 @@ export namespace Components {
          */
         "color"?: 'default' | 'secondary';
         /**
-          * Display close icon
+          * Display a close icon
          */
         "hasCloseIcon": boolean;
         /**
-          * Display an outline style button.
+          * Display an outline style chip.
          */
         "outline": boolean;
         /**
-          * Display an outline style button.
+          * The chip size.
          */
         "size": 'md' | 'lg';
     }
@@ -263,15 +263,15 @@ export namespace Components {
     }
     interface RoadCollapse {
         /**
-          * if "`true`" the button will be centered
+          * if `true` the button will be centered
          */
         "centered": boolean;
         /**
-          * Set open to true to show the accordion element and to false to hide it.
+          * Set to `true` to display the collapsed part and to `false` to hide it.
          */
         "isOpen": boolean;
         /**
-          * Text displayed in the button when the content is collapsed
+          * Text displayed in the button when the content is not collapsed
          */
         "showLess": string;
         /**
@@ -281,7 +281,7 @@ export namespace Components {
     }
     interface RoadCounter {
         /**
-          * The id of input
+          * The id of counter
          */
         "inputId": string;
         /**
@@ -301,7 +301,7 @@ export namespace Components {
          */
         "step"?: string;
         /**
-          * The value of the input.
+          * The value of the counter.
          */
         "value": number;
     }
@@ -389,6 +389,12 @@ export namespace Components {
          */
         "position": string;
     }
+    interface RoadDropdown {
+        /**
+          * Set to `true` to open the dropdown menu and to `false` to close it.
+         */
+        "isOpen": boolean;
+    }
     interface RoadFlap {
         /**
           * Set the color of the flap.
@@ -678,6 +684,10 @@ export namespace Components {
           * country of the plate
          */
         "country": 'FR' | 'BE' | 'IT' | 'ES' | 'PT' | 'PL';
+        /**
+          * Enable motorbike display
+         */
+        "motorbike"?: boolean;
         /**
           * overwrite the default placeholder
          */
@@ -869,6 +879,10 @@ export namespace Components {
     value: string | number;
     label: string;
   }>;
+        /**
+          * Options to pass to the fuse.js instance. See https://fusejs.io/api/options.html for valid options
+         */
+        "parameters": any;
     }
     interface RoadSkeleton {
     }
@@ -876,7 +890,7 @@ export namespace Components {
     }
     interface RoadSwitch {
         /**
-          * If `true`, the toggle is selected.
+          * If `true`, the switch is checked.
          */
         "checked": boolean;
         /**
@@ -884,7 +898,7 @@ export namespace Components {
          */
         "color"?: 'secondary' | FeedbackColors;
         /**
-          * If `true`, the user cannot interact with the toggle.
+          * If `true`, the user cannot interact with the switch.
          */
         "disabled": boolean;
         /**
@@ -912,7 +926,7 @@ export namespace Components {
          */
         "on": string;
         /**
-          * The id of input
+          * The id of switch
          */
         "switchId": string;
         /**
@@ -1005,7 +1019,7 @@ export namespace Components {
          */
         "autocapitalize": string;
         /**
-          * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
+          * This Boolean attribute lets you specify that a form control should have focus when the page loads.
          */
         "autofocus": boolean;
         /**
@@ -1013,7 +1027,7 @@ export namespace Components {
          */
         "cols"?: number;
         /**
-          * If `true`, the user cannot interact with the input.
+          * If `true`, the user cannot interact with the textarea.
          */
         "disabled": boolean;
         /**
@@ -1045,7 +1059,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * Instructional text that shows before the input has a value.
+          * Instructional text that shows before the textarea has a value.
          */
         "placeholder"?: string;
         /**
@@ -1065,11 +1079,11 @@ export namespace Components {
          */
         "spellcheck": boolean;
         /**
-          * The id of input
+          * The id of textarea
          */
         "textareaId": string;
         /**
-          * The value of the input.
+          * The value of the textarea.
          */
         "value"?: string | null;
         /**
@@ -1083,11 +1097,11 @@ export namespace Components {
          */
         "close": () => Promise<void>;
         /**
-          * Set the color of toast. e.g. info, success, warning, danger
+          * Set the color of the toast. e.g. info, success, warning, danger
          */
         "color": FeedbackColors;
         /**
-          * Set open propertie to true to show the toast
+          * Set `open` propertie to `true` to open the toast
          */
         "isOpen": boolean;
         /**
@@ -1117,7 +1131,7 @@ export namespace Components {
     }
     interface RoadTooltip {
         /**
-          * Shows the tooltip.
+          * Close the tooltip.
          */
         "close": () => Promise<void>;
         /**
@@ -1129,7 +1143,7 @@ export namespace Components {
          */
         "isOpen": boolean;
         /**
-          * Shows the tooltip.
+          * Open the tooltip.
          */
         "open": () => Promise<void>;
         /**
@@ -1246,6 +1260,12 @@ declare global {
         prototype: HTMLRoadDrawerElement;
         new (): HTMLRoadDrawerElement;
     };
+    interface HTMLRoadDropdownElement extends Components.RoadDropdown, HTMLStencilElement {
+    }
+    var HTMLRoadDropdownElement: {
+        prototype: HTMLRoadDropdownElement;
+        new (): HTMLRoadDropdownElement;
+    };
     interface HTMLRoadFlapElement extends Components.RoadFlap, HTMLStencilElement {
     }
     var HTMLRoadFlapElement: {
@@ -1473,6 +1493,7 @@ declare global {
         "road-counter": HTMLRoadCounterElement;
         "road-dialog": HTMLRoadDialogElement;
         "road-drawer": HTMLRoadDrawerElement;
+        "road-dropdown": HTMLRoadDropdownElement;
         "road-flap": HTMLRoadFlapElement;
         "road-grid": HTMLRoadGridElement;
         "road-icon": HTMLRoadIconElement;
@@ -1513,7 +1534,7 @@ declare global {
 declare namespace LocalJSX {
     interface RoadAccordion {
         /**
-          * Set open to true to show the accordion element and to false to hide it.
+          * Set to `true` to open the accordion and to `false` to close it.
          */
         "isOpen"?: boolean;
     }
@@ -1595,7 +1616,7 @@ declare namespace LocalJSX {
         /**
           * The button size.
          */
-        "size"?: 'sm' | 'md';
+        "size"?: 'sm' | 'md' | 'lg';
         /**
           * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
          */
@@ -1724,7 +1745,7 @@ declare namespace LocalJSX {
          */
         "checkboxId"?: string;
         /**
-          * If `true`, the checkbox is selected.
+          * If `true`, the checkbox is checked.
          */
         "checked"?: boolean;
         /**
@@ -1748,7 +1769,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Emitted when the toggle loses focus.
+          * Emitted when the checkbox loses focus.
          */
         "onRoadBlur"?: (event: CustomEvent<void>) => void;
         /**
@@ -1759,7 +1780,7 @@ declare namespace LocalJSX {
     value: string | undefined | null
   }>) => void;
         /**
-          * Emitted when the toggle has focus.
+          * Emitted when the checkbox has focus.
          */
         "onRoadFocus"?: (event: CustomEvent<void>) => void;
         /**
@@ -1777,15 +1798,15 @@ declare namespace LocalJSX {
          */
         "color"?: 'default' | 'secondary';
         /**
-          * Display close icon
+          * Display a close icon
          */
         "hasCloseIcon"?: boolean;
         /**
-          * Display an outline style button.
+          * Display an outline style chip.
          */
         "outline"?: boolean;
         /**
-          * Display an outline style button.
+          * The chip size.
          */
         "size"?: 'md' | 'lg';
     }
@@ -1793,15 +1814,15 @@ declare namespace LocalJSX {
     }
     interface RoadCollapse {
         /**
-          * if "`true`" the button will be centered
+          * if `true` the button will be centered
          */
         "centered"?: boolean;
         /**
-          * Set open to true to show the accordion element and to false to hide it.
+          * Set to `true` to display the collapsed part and to `false` to hide it.
          */
         "isOpen"?: boolean;
         /**
-          * Text displayed in the button when the content is collapsed
+          * Text displayed in the button when the content is not collapsed
          */
         "showLess"?: string;
         /**
@@ -1811,7 +1832,7 @@ declare namespace LocalJSX {
     }
     interface RoadCounter {
         /**
-          * The id of input
+          * The id of counter
          */
         "inputId"?: string;
         /**
@@ -1839,7 +1860,7 @@ declare namespace LocalJSX {
          */
         "step"?: string;
         /**
-          * The value of the input.
+          * The value of the counter.
          */
         "value"?: number;
     }
@@ -1923,6 +1944,12 @@ declare namespace LocalJSX {
          */
         "position"?: string;
     }
+    interface RoadDropdown {
+        /**
+          * Set to `true` to open the dropdown menu and to `false` to close it.
+         */
+        "isOpen"?: boolean;
+    }
     interface RoadFlap {
         /**
           * Set the color of the flap.
@@ -2238,6 +2265,10 @@ declare namespace LocalJSX {
           * country of the plate
          */
         "country"?: 'FR' | 'BE' | 'IT' | 'ES' | 'PT' | 'PL';
+        /**
+          * Enable motorbike display
+         */
+        "motorbike"?: boolean;
         /**
           * Emitted when the input loses focus.
          */
@@ -2488,6 +2519,10 @@ declare namespace LocalJSX {
     value: string | number;
     label: string;
   }>;
+        /**
+          * Options to pass to the fuse.js instance. See https://fusejs.io/api/options.html for valid options
+         */
+        "parameters"?: any;
     }
     interface RoadSkeleton {
     }
@@ -2495,7 +2530,7 @@ declare namespace LocalJSX {
     }
     interface RoadSwitch {
         /**
-          * If `true`, the toggle is selected.
+          * If `true`, the switch is checked.
          */
         "checked"?: boolean;
         /**
@@ -2503,7 +2538,7 @@ declare namespace LocalJSX {
          */
         "color"?: 'secondary' | FeedbackColors;
         /**
-          * If `true`, the user cannot interact with the toggle.
+          * If `true`, the user cannot interact with the switch.
          */
         "disabled"?: boolean;
         /**
@@ -2531,7 +2566,7 @@ declare namespace LocalJSX {
          */
         "on"?: string;
         /**
-          * Emitted when the toggle loses focus.
+          * Emitted when the switch loses focus.
          */
         "onRoadBlur"?: (event: CustomEvent<void>) => void;
         /**
@@ -2542,11 +2577,11 @@ declare namespace LocalJSX {
     value: string | undefined | null
   }>) => void;
         /**
-          * Emitted when the toggle has focus.
+          * Emitted when the switch has focus.
          */
         "onRoadFocus"?: (event: CustomEvent<void>) => void;
         /**
-          * The id of input
+          * The id of switch
          */
         "switchId"?: string;
         /**
@@ -2628,7 +2663,7 @@ declare namespace LocalJSX {
          */
         "autocapitalize"?: string;
         /**
-          * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
+          * This Boolean attribute lets you specify that a form control should have focus when the page loads.
          */
         "autofocus"?: boolean;
         /**
@@ -2636,7 +2671,7 @@ declare namespace LocalJSX {
          */
         "cols"?: number;
         /**
-          * If `true`, the user cannot interact with the input.
+          * If `true`, the user cannot interact with the textarea.
          */
         "disabled"?: boolean;
         /**
@@ -2668,7 +2703,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Emitted when the input loses focus.
+          * Emitted when the textarea loses focus.
          */
         "onRoadBlur"?: (event: CustomEvent<void>) => void;
         /**
@@ -2678,7 +2713,7 @@ declare namespace LocalJSX {
     value: string | undefined | null
   }>) => void;
         /**
-          * Emitted when the input has focus.
+          * Emitted when the textarea has focus.
          */
         "onRoadFocus"?: (event: CustomEvent<void>) => void;
         /**
@@ -2686,7 +2721,7 @@ declare namespace LocalJSX {
          */
         "onRoadInput"?: (event: CustomEvent<KeyboardEvent>) => void;
         /**
-          * Instructional text that shows before the input has a value.
+          * Instructional text that shows before the textarea has a value.
          */
         "placeholder"?: string;
         /**
@@ -2706,11 +2741,11 @@ declare namespace LocalJSX {
          */
         "spellcheck"?: boolean;
         /**
-          * The id of input
+          * The id of textarea
          */
         "textareaId"?: string;
         /**
-          * The value of the input.
+          * The value of the textarea.
          */
         "value"?: string | null;
         /**
@@ -2720,11 +2755,11 @@ declare namespace LocalJSX {
     }
     interface RoadToast {
         /**
-          * Set the color of toast. e.g. info, success, warning, danger
+          * Set the color of the toast. e.g. info, success, warning, danger
          */
         "color"?: FeedbackColors;
         /**
-          * Set open propertie to true to show the toast
+          * Set `open` propertie to `true` to open the toast
          */
         "isOpen"?: boolean;
         /**
@@ -2794,6 +2829,7 @@ declare namespace LocalJSX {
         "road-counter": RoadCounter;
         "road-dialog": RoadDialog;
         "road-drawer": RoadDrawer;
+        "road-dropdown": RoadDropdown;
         "road-flap": RoadFlap;
         "road-grid": RoadGrid;
         "road-icon": RoadIcon;
@@ -2851,6 +2887,7 @@ declare module "@stencil/core" {
             "road-counter": LocalJSX.RoadCounter & JSXBase.HTMLAttributes<HTMLRoadCounterElement>;
             "road-dialog": LocalJSX.RoadDialog & JSXBase.HTMLAttributes<HTMLRoadDialogElement>;
             "road-drawer": LocalJSX.RoadDrawer & JSXBase.HTMLAttributes<HTMLRoadDrawerElement>;
+            "road-dropdown": LocalJSX.RoadDropdown & JSXBase.HTMLAttributes<HTMLRoadDropdownElement>;
             "road-flap": LocalJSX.RoadFlap & JSXBase.HTMLAttributes<HTMLRoadFlapElement>;
             "road-grid": LocalJSX.RoadGrid & JSXBase.HTMLAttributes<HTMLRoadGridElement>;
             "road-icon": LocalJSX.RoadIcon & JSXBase.HTMLAttributes<HTMLRoadIconElement>;

package/dist/types/stencil-public-runtime.d.ts CHANGED Viewed

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1427,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;