@roadtrip/components 3.32.2 → 3.32.3

package/dist/types/components.d.ts

@@ -15,18 +15,34 @@ export namespace Components {
           * Set to `true` to remove border the accordion and to `false` to add border it.
          */
         "isLight": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-light"?: boolean;
         /**
           * Set to `true` to add a border in the header and the content only for the light accordion.
          */
         "isLightSeparator": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-light-separator"?: boolean;
         /**
           * Set to `true` to open the accordion and to `false` to close it.
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Set to `true` to add the small version only for the light accordion.
          */
         "isSmall": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-small"?: boolean;
     }
     interface RoadAlert {
         /**
@@ -87,6 +103,10 @@ export namespace Components {
           * The id of select
          */
         "selectId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "select-id"?: string;
         /**
           * The size of the areacode
          */
@@ -99,6 +119,10 @@ export namespace Components {
           * Trigger number.
          */
         "triggerRender": number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "trigger-render"?: number;
         /**
           * the value of the select.
          */
@@ -109,10 +133,18 @@ export namespace Components {
           * Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.
          */
         "ariaHidden"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-hidden"?: string;
         /**
           * Specifies the label to use for accessibility. Defaults to the illustration name.
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * A combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
          */
@@ -168,6 +200,10 @@ export namespace Components {
           * Set `open` property to `true` to open the banner
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Text display in the banner
          */
@@ -186,6 +222,10 @@ export namespace Components {
           * The type of the button.
          */
         "buttonType": 'submit' | 'reset' | 'button';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "button-type"?: 'submit' | 'reset' | 'button';
         /**
           * The color to use from your application's color palette.
          */
@@ -210,6 +250,10 @@ export namespace Components {
           * If `true`, display only an icon in the button.
          */
         "iconOnly": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-only"?: boolean;
         /**
           * Set to `false` for a ghost button, set to `true` for a default outline button
          */
@@ -307,6 +351,10 @@ export namespace Components {
           * The id of checkbox
          */
         "checkboxId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "checkbox-id"?: string;
         /**
           * If `true`, the checkbox is checked.
          */
@@ -347,6 +395,10 @@ export namespace Components {
           * Secondary Label for the field
          */
         "secondaryLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "secondary-label"?: string;
         /**
           * Value the form will get
          */
@@ -361,6 +413,10 @@ export namespace Components {
           * Display a close icon
          */
         "hasCloseIcon": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
         /**
           * Display an outline style chip.
          */
@@ -381,20 +437,36 @@ export namespace Components {
           * Set to `true` to display the collapsed part and to `false` to hide it.
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Text displayed in the button when the content is not collapsed
          */
         "showLess": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-less"?: string;
         /**
           * Text displayed in the button when the content is collapsed
          */
         "showMore": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-more"?: string;
     }
     interface RoadContentCard {
         /**
           * Set to `true` to add padding around img.
          */
         "insetImage": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "inset-image"?: boolean;
     }
     interface RoadCounter {
         /**
@@ -405,6 +477,10 @@ export namespace Components {
           * The id of counter
          */
         "inputId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "input-id"?: string;
         /**
           * The maximum value, which must not be less than its minimum (min attribute) value.
          */
@@ -447,6 +523,10 @@ export namespace Components {
           * Show / hide the close icon
          */
         "hasCloseIcon": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
         /**
           * override default icon
          */
@@ -455,6 +535,10 @@ export namespace Components {
           * Set isOpen property to true to open the dialog
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Text to the top
          */
@@ -469,14 +553,26 @@ export namespace Components {
           * Aria label of the drawer
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * Aria label of the drawer
          */
         "ariaLabelBack"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label-back"?: string;
         /**
           * Aria label of the drawer
          */
         "ariaLabelClose"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label-close"?: string;
         /**
           * Return to previous state of the drawer content
          */
@@ -485,6 +581,10 @@ export namespace Components {
           * Show / hide back icon
          */
         "backText"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "back-text"?: string;
         /**
           * Close the drawer
          */
@@ -493,26 +593,50 @@ export namespace Components {
           * Title of the drawer in the header bar
          */
         "drawerTitle"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "drawer-title"?: string;
         /**
           * Width of the drawer
          */
         "drawerWidth": number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "drawer-width"?: number;
         /**
           * Show / hide back icon
          */
         "hasBackIcon": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-back-icon"?: boolean;
         /**
           * Show / hide close icon
          */
         "hasCloseIcon": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
         /**
           * Inverse header colors
          */
         "hasInverseHeader": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-inverse-header"?: boolean;
         /**
           * Set isOpen property to true to open the drawer
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Open the drawer
          */
@@ -525,8 +649,20 @@ export namespace Components {
     interface RoadDropdown {
         "direction"?: 'top' | 'bottom';
         "isLight": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-light"?: boolean;
         "isMedium": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-medium"?: boolean;
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         "position"?: 'left' | 'right';
     }
     interface RoadDuration {
@@ -542,6 +678,10 @@ export namespace Components {
           * Set isOpen property to true to open the duration widget
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * The maximum value, which must not be less than its minimum (min attribute) value in minutes.
          */
@@ -578,12 +718,20 @@ export namespace Components {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadGlobalNavigationV2 {
         /**
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadGrid {
     }
@@ -592,10 +740,18 @@ export namespace Components {
           * Set the icon to hidden, respectively `true`, to remove it from the accessibility tree.
          */
         "ariaHidden"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-hidden"?: string;
         /**
           * Specifies the label to use for accessibility. Defaults to the icon name.
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * Color of the icon
          */
@@ -634,10 +790,18 @@ export namespace Components {
           * Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.
          */
         "ariaHidden"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-hidden"?: string;
         /**
           * Specifies the label to use for accessibility. Defaults to the illustration name.
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * A combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
          */
@@ -722,6 +886,10 @@ export namespace Components {
           * The id of input
          */
         "inputId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "input-id"?: 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"`.
          */
@@ -814,6 +982,10 @@ export namespace Components {
           * The icon to use when `detail` is set to `true`.
          */
         "detailIcon": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "detail-icon"?: string;
         /**
           * If `true`, the user cannot interact with the item.
          */
@@ -850,6 +1022,10 @@ export namespace Components {
           * Title for the item
          */
         "titleItem"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "title-item"?: string;
         /**
           * The type of the button. Only used when an `onclick` or `button` property is present.
          */
@@ -872,22 +1048,42 @@ export namespace Components {
           * Show / hide close icon
          */
         "hasCloseIcon": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
         /**
           * inverse header colors
          */
         "hasInverseHeader": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-inverse-header"?: boolean;
         /**
           * Set isOpen propertie to true to show the modal
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Max width of the modal on desktop
          */
         "maxWidth": number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "max-width"?: number;
         /**
           * Title of the modal in the header bar
          */
         "modalTitle"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "modal-title"?: string;
         /**
           * Open the modal
          */
@@ -898,6 +1094,10 @@ export namespace Components {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadNavbarItem {
         /**
@@ -968,16 +1168,28 @@ export namespace Components {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadPhoneNumberInput {
         /**
           * Country selection placeHolder
          */
         "codeLabel": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "code-label"?: string;
         /**
           * Selected country code
          */
         "countryCode"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "country-code"?: string;
         /**
           * List of countries displayed in the country selection. Countries will be automatically sorted by alphabetical order (see format in example)
          */
@@ -990,6 +1202,10 @@ export namespace Components {
           * Error message (displayed only if ther is a message)
          */
         "errorMessage": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "error-message"?: string;
         /**
           * Used to display countries with the right language
          */
@@ -998,10 +1214,18 @@ export namespace Components {
           * Phone input placeHolder
          */
         "phoneLabel": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "phone-label"?: string;
         /**
           * Value displayed in the phone input
          */
         "phoneValue"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "phone-value"?: string;
         /**
           * Add a star in the phone input
          */
@@ -1038,6 +1262,10 @@ export namespace Components {
           * Set to `true` to open the dropdown menu and to `false` to close it.
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
     }
     interface RoadProgress {
         /**
@@ -1082,30 +1310,58 @@ export namespace Components {
           * The nombre of steps.
          */
         "numberStep"?: 3 | 2;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "number-step"?: 3 | 2;
         /**
           * The color of the first step.
          */
         "stateFirstStep"?: 'default' | 'current' | 'comleted' | 'in-progress';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "state-first-step"?: 'default' | 'current' | 'comleted' | 'in-progress';
         /**
           * The color of the second step.
          */
         "stateSecondStep"?: 'default' | 'current' | 'comleted' | 'in-progress';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "state-second-step"?: 'default' | 'current' | 'comleted' | 'in-progress';
         /**
           * The color of the third step.
          */
         "stateThirdStep"?: 'default' | 'current' | 'comleted' | 'in-progress';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "state-third-step"?: 'default' | 'current' | 'comleted' | 'in-progress';
         /**
           * The url of the first step.
          */
         "urlStep1"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "url-step-1"?: string;
         /**
           * The url of the first step.
          */
         "urlStep2"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "url-step-2"?: string;
         /**
           * The url of the first step.
          */
         "urlStep3"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "url-step-3"?: string;
     }
     interface RoadProgressIndicatorVertical {
     }
@@ -1148,6 +1404,10 @@ export namespace Components {
           * The id of radio
          */
         "radioId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "radio-id"?: string;
         /**
           * If `true`, the user must fill in a value before submitting a form.
          */
@@ -1156,6 +1416,10 @@ export namespace Components {
           * Secondary Label for the field
          */
         "secondaryLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "secondary-label"?: string;
         /**
           * Value the form will get
          */
@@ -1166,10 +1430,18 @@ export namespace Components {
           * If `true`, the radios can be deselected.
          */
         "allowEmptySelection": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "allow-empty-selection"?: boolean;
         /**
           * Label for the field
          */
         "ariaLabel": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * add an asterisk to the label of the field
          */
@@ -1194,6 +1466,10 @@ export namespace Components {
           * The id of checkbox
          */
         "radioGroupId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "radio-group-id"?: string;
         /**
           * the value of the radio group.
          */
@@ -1216,18 +1492,34 @@ export namespace Components {
           * The id of range
          */
         "rangeId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "range-id"?: string;
         /**
           * Display labels of the range
          */
         "showLabels": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-labels"?: boolean;
         /**
           * Display Tick of the range
          */
         "showTick": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-tick"?: boolean;
         /**
           * Display the current value of the range
          */
         "showValue": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-value"?: boolean;
         /**
           * Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number.
          */
@@ -1254,6 +1546,10 @@ export namespace Components {
           * Word display next to the number of reviews.
          */
         "reviewsText": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "reviews-text"?: string;
         /**
           * Show reviews
          */
@@ -1288,6 +1584,10 @@ export namespace Components {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadSegmentedButtons {
         /**
@@ -1342,6 +1642,10 @@ export namespace Components {
           * The id of select
          */
         "selectId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "select-id"?: string;
         /**
           * If the control is presented as a scrolling list box (e.g. when multiple is specified), this attribute represents the number of rows in the list that should be visible at one time.
          */
@@ -1360,10 +1664,18 @@ export namespace Components {
           * If `true`, add class Active
          */
         "isActive": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-active"?: boolean;
         /**
           * If `false`, the user can submit custom value
          */
         "onlySelect": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "only-select"?: boolean;
         /**
           * List of options of the select
          */
@@ -1405,10 +1717,18 @@ export namespace Components {
           * If `true`, the label is at left of the switch
          */
         "hasLeftLabel": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-left-label"?: boolean;
         /**
           * Add space between label and switch element
          */
         "isSpaced": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-spaced"?: boolean;
         /**
           * Label for the field
          */
@@ -1429,6 +1749,10 @@ export namespace Components {
           * The id of switch
          */
         "switchId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "switch-id"?: string;
         /**
           * Value the form will get
          */
@@ -1462,6 +1786,10 @@ export namespace Components {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadTabButton {
         /**
@@ -1612,6 +1940,10 @@ export namespace Components {
           * The id of textarea
          */
         "textareaId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "textarea-id"?: string;
         /**
           * The value of the textarea.
          */
@@ -1634,6 +1966,10 @@ export namespace Components {
           * Set `open` propertie to `true` to open the toast
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Text display in the toast
          */
@@ -1660,10 +1996,18 @@ export namespace Components {
           * If `true`, the label is at left of the toggle
          */
         "hasLeftLabel": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-left-label"?: boolean;
         /**
           * Add space between label and toggle element
          */
         "isSpaced": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-spaced"?: boolean;
         /**
           * Label for the field
          */
@@ -1684,6 +2028,10 @@ export namespace Components {
           * The id of toggle
          */
         "toggleId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "toggle-id"?: string;
         /**
           * Value the form will get
          */
@@ -1714,11 +2062,20 @@ export namespace Components {
           * The content align of the tooltip.
          */
         "contentAlign": | 'center'
+    | 'left';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "content-align"?: | 'center'
     | 'left';
         /**
           * Indicates whether or not the tooltip is open. You can use this or the open/close methods.
          */
         "isOpen": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Open the tooltip.
          */
@@ -1738,6 +2095,10 @@ export namespace Components {
           * The id of tooltip
          */
         "tooltipId": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tooltip-id"?: string;
         /**
           * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`. Multiple options can be passed by separating them with a space. When manual is used, the tooltip must be activated programmatically.
          */
@@ -3040,18 +3401,34 @@ declare namespace LocalJSX {
           * Set to `true` to remove border the accordion and to `false` to add border it.
          */
         "isLight"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-light"?: boolean;
         /**
           * Set to `true` to add a border in the header and the content only for the light accordion.
          */
         "isLightSeparator"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-light-separator"?: boolean;
         /**
           * Set to `true` to open the accordion and to `false` to close it.
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Set to `true` to add the small version only for the light accordion.
          */
         "isSmall"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-small"?: boolean;
     }
     interface RoadAlert {
         /**
@@ -3126,6 +3503,10 @@ declare namespace LocalJSX {
           * The id of select
          */
         "selectId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "select-id"?: string;
         /**
           * The size of the areacode
          */
@@ -3138,6 +3519,10 @@ declare namespace LocalJSX {
           * Trigger number.
          */
         "triggerRender"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "trigger-render"?: number;
         /**
           * the value of the select.
          */
@@ -3148,10 +3533,18 @@ declare namespace LocalJSX {
           * Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.
          */
         "ariaHidden"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-hidden"?: string;
         /**
           * Specifies the label to use for accessibility. Defaults to the illustration name.
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * A combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
          */
@@ -3210,6 +3603,10 @@ declare namespace LocalJSX {
           * Set `open` property to `true` to open the banner
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Text display in the banner
          */
@@ -3232,6 +3629,10 @@ declare namespace LocalJSX {
           * The type of the button.
          */
         "buttonType"?: 'submit' | 'reset' | 'button';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "button-type"?: 'submit' | 'reset' | 'button';
         /**
           * The color to use from your application's color palette.
          */
@@ -3256,6 +3657,10 @@ declare namespace LocalJSX {
           * If `true`, display only an icon in the button.
          */
         "iconOnly"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-only"?: boolean;
         /**
           * Emitted when the button loses focus.
          */
@@ -3376,6 +3781,10 @@ declare namespace LocalJSX {
           * The id of checkbox
          */
         "checkboxId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "checkbox-id"?: string;
         /**
           * If `true`, the checkbox is checked.
          */
@@ -3431,6 +3840,10 @@ declare namespace LocalJSX {
           * Secondary Label for the field
          */
         "secondaryLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "secondary-label"?: string;
         /**
           * Value the form will get
          */
@@ -3445,6 +3858,10 @@ declare namespace LocalJSX {
           * Display a close icon
          */
         "hasCloseIcon"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
         /**
           * Display an outline style chip.
          */
@@ -3465,20 +3882,36 @@ declare namespace LocalJSX {
           * Set to `true` to display the collapsed part and to `false` to hide it.
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Text displayed in the button when the content is not collapsed
          */
         "showLess"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-less"?: string;
         /**
           * Text displayed in the button when the content is collapsed
          */
         "showMore"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-more"?: string;
     }
     interface RoadContentCard {
         /**
           * Set to `true` to add padding around img.
          */
         "insetImage"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "inset-image"?: boolean;
     }
     interface RoadCounter {
         /**
@@ -3489,6 +3922,10 @@ declare namespace LocalJSX {
           * The id of counter
          */
         "inputId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "input-id"?: string;
         /**
           * The maximum value, which must not be less than its minimum (min attribute) value.
          */
@@ -3549,6 +3986,10 @@ declare namespace LocalJSX {
           * Show / hide the close icon
          */
         "hasCloseIcon"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
         /**
           * override default icon
          */
@@ -3557,6 +3998,10 @@ declare namespace LocalJSX {
           * Set isOpen property to true to open the dialog
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Text to the top
          */
@@ -3571,42 +4016,82 @@ declare namespace LocalJSX {
           * Aria label of the drawer
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * Aria label of the drawer
          */
         "ariaLabelBack"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label-back"?: string;
         /**
           * Aria label of the drawer
          */
         "ariaLabelClose"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label-close"?: string;
         /**
           * Show / hide back icon
          */
         "backText"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "back-text"?: string;
         /**
           * Title of the drawer in the header bar
          */
         "drawerTitle"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "drawer-title"?: string;
         /**
           * Width of the drawer
          */
         "drawerWidth"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "drawer-width"?: number;
         /**
           * Show / hide back icon
          */
         "hasBackIcon"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-back-icon"?: boolean;
         /**
           * Show / hide close icon
          */
         "hasCloseIcon"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
         /**
           * Inverse header colors
          */
         "hasInverseHeader"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-inverse-header"?: boolean;
         /**
           * Set isOpen property to true to open the drawer
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Indicate when return to previous state of the drawer content
          */
@@ -3627,8 +4112,20 @@ declare namespace LocalJSX {
     interface RoadDropdown {
         "direction"?: 'top' | 'bottom';
         "isLight"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-light"?: boolean;
         "isMedium"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-medium"?: boolean;
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         "position"?: 'left' | 'right';
     }
     interface RoadDuration {
@@ -3640,6 +4137,10 @@ declare namespace LocalJSX {
           * Set isOpen property to true to open the duration widget
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * The maximum value, which must not be less than its minimum (min attribute) value in minutes.
          */
@@ -3679,12 +4180,20 @@ declare namespace LocalJSX {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadGlobalNavigationV2 {
         /**
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadGrid {
     }
@@ -3693,10 +4202,18 @@ declare namespace LocalJSX {
           * Set the icon to hidden, respectively `true`, to remove it from the accessibility tree.
          */
         "ariaHidden"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-hidden"?: string;
         /**
           * Specifies the label to use for accessibility. Defaults to the icon name.
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * Color of the icon
          */
@@ -3735,10 +4252,18 @@ declare namespace LocalJSX {
           * Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.
          */
         "ariaHidden"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-hidden"?: string;
         /**
           * Specifies the label to use for accessibility. Defaults to the illustration name.
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * A combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
          */
@@ -3835,6 +4360,10 @@ declare namespace LocalJSX {
           * The id of input
          */
         "inputId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "input-id"?: 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"`.
          */
@@ -3927,6 +4456,10 @@ declare namespace LocalJSX {
           * The icon to use when `detail` is set to `true`.
          */
         "detailIcon"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "detail-icon"?: string;
         /**
           * If `true`, the user cannot interact with the item.
          */
@@ -3963,6 +4496,10 @@ declare namespace LocalJSX {
           * Title for the item
          */
         "titleItem"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "title-item"?: string;
         /**
           * The type of the button. Only used when an `onclick` or `button` property is present.
          */
@@ -3981,22 +4518,42 @@ declare namespace LocalJSX {
           * Show / hide close icon
          */
         "hasCloseIcon"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-close-icon"?: boolean;
         /**
           * inverse header colors
          */
         "hasInverseHeader"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-inverse-header"?: boolean;
         /**
           * Set isOpen propertie to true to show the modal
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Max width of the modal on desktop
          */
         "maxWidth"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "max-width"?: number;
         /**
           * Title of the modal in the header bar
          */
         "modalTitle"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "modal-title"?: string;
         /**
           * Indicate when closing the modal
          */
@@ -4007,6 +4564,10 @@ declare namespace LocalJSX {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadNavbarItem {
         /**
@@ -4077,16 +4638,28 @@ declare namespace LocalJSX {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadPhoneNumberInput {
         /**
           * Country selection placeHolder
          */
         "codeLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "code-label"?: string;
         /**
           * Selected country code
          */
         "countryCode"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "country-code"?: string;
         /**
           * List of countries displayed in the country selection. Countries will be automatically sorted by alphabetical order (see format in example)
          */
@@ -4099,6 +4672,10 @@ declare namespace LocalJSX {
           * Error message (displayed only if ther is a message)
          */
         "errorMessage"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "error-message"?: string;
         /**
           * Used to display countries with the right language
          */
@@ -4120,10 +4697,18 @@ declare namespace LocalJSX {
           * Phone input placeHolder
          */
         "phoneLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "phone-label"?: string;
         /**
           * Value displayed in the phone input
          */
         "phoneValue"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "phone-value"?: string;
         /**
           * Add a star in the phone input
          */
@@ -4178,6 +4763,10 @@ declare namespace LocalJSX {
           * Set to `true` to open the dropdown menu and to `false` to close it.
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
     }
     interface RoadProgress {
         /**
@@ -4222,30 +4811,58 @@ declare namespace LocalJSX {
           * The nombre of steps.
          */
         "numberStep"?: 3 | 2;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "number-step"?: 3 | 2;
         /**
           * The color of the first step.
          */
         "stateFirstStep"?: 'default' | 'current' | 'comleted' | 'in-progress';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "state-first-step"?: 'default' | 'current' | 'comleted' | 'in-progress';
         /**
           * The color of the second step.
          */
         "stateSecondStep"?: 'default' | 'current' | 'comleted' | 'in-progress';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "state-second-step"?: 'default' | 'current' | 'comleted' | 'in-progress';
         /**
           * The color of the third step.
          */
         "stateThirdStep"?: 'default' | 'current' | 'comleted' | 'in-progress';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "state-third-step"?: 'default' | 'current' | 'comleted' | 'in-progress';
         /**
           * The url of the first step.
          */
         "urlStep1"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "url-step-1"?: string;
         /**
           * The url of the first step.
          */
         "urlStep2"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "url-step-2"?: string;
         /**
           * The url of the first step.
          */
         "urlStep3"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "url-step-3"?: string;
     }
     interface RoadProgressIndicatorVertical {
     }
@@ -4296,6 +4913,10 @@ declare namespace LocalJSX {
           * The id of radio
          */
         "radioId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "radio-id"?: string;
         /**
           * If `true`, the user must fill in a value before submitting a form.
          */
@@ -4304,6 +4925,10 @@ declare namespace LocalJSX {
           * Secondary Label for the field
          */
         "secondaryLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "secondary-label"?: string;
         /**
           * Value the form will get
          */
@@ -4314,10 +4939,18 @@ declare namespace LocalJSX {
           * If `true`, the radios can be deselected.
          */
         "allowEmptySelection"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "allow-empty-selection"?: boolean;
         /**
           * Label for the field
          */
         "ariaLabel"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "aria-label"?: string;
         /**
           * add an asterisk to the label of the field
          */
@@ -4348,6 +4981,10 @@ declare namespace LocalJSX {
           * The id of checkbox
          */
         "radioGroupId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "radio-group-id"?: string;
         /**
           * the value of the radio group.
          */
@@ -4376,18 +5013,34 @@ declare namespace LocalJSX {
           * The id of range
          */
         "rangeId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "range-id"?: string;
         /**
           * Display labels of the range
          */
         "showLabels"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-labels"?: boolean;
         /**
           * Display Tick of the range
          */
         "showTick"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-tick"?: boolean;
         /**
           * Display the current value of the range
          */
         "showValue"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-value"?: boolean;
         /**
           * Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number.
          */
@@ -4414,6 +5067,10 @@ declare namespace LocalJSX {
           * Word display next to the number of reviews.
          */
         "reviewsText"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "reviews-text"?: string;
         /**
           * Show reviews
          */
@@ -4448,6 +5105,10 @@ declare namespace LocalJSX {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadSegmentedButtons {
         /**
@@ -4510,6 +5171,10 @@ declare namespace LocalJSX {
           * The id of select
          */
         "selectId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "select-id"?: string;
         /**
           * If the control is presented as a scrolling list box (e.g. when multiple is specified), this attribute represents the number of rows in the list that should be visible at one time.
          */
@@ -4528,6 +5193,10 @@ declare namespace LocalJSX {
           * If `true`, add class Active
          */
         "isActive"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-active"?: boolean;
         "onRoadSelected"?: (event: RoadSelectFilterCustomEvent<{
     value: string | undefined | null,
     label: string
@@ -4540,6 +5209,10 @@ declare namespace LocalJSX {
           * If `false`, the user can submit custom value
          */
         "onlySelect"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "only-select"?: boolean;
         /**
           * List of options of the select
          */
@@ -4581,10 +5254,18 @@ declare namespace LocalJSX {
           * If `true`, the label is at left of the switch
          */
         "hasLeftLabel"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-left-label"?: boolean;
         /**
           * Add space between label and switch element
          */
         "isSpaced"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-spaced"?: boolean;
         /**
           * Label for the field
          */
@@ -4620,6 +5301,10 @@ declare namespace LocalJSX {
           * The id of switch
          */
         "switchId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "switch-id"?: string;
         /**
           * Value the form will get
          */
@@ -4648,6 +5333,10 @@ declare namespace LocalJSX {
           * The selected tab component
          */
         "selectedTab"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-tab"?: string;
     }
     interface RoadTabButton {
         /**
@@ -4810,6 +5499,10 @@ declare namespace LocalJSX {
           * The id of textarea
          */
         "textareaId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "textarea-id"?: string;
         /**
           * The value of the textarea.
          */
@@ -4828,6 +5521,10 @@ declare namespace LocalJSX {
           * Set `open` propertie to `true` to open the toast
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * Text display in the toast
          */
@@ -4854,10 +5551,18 @@ declare namespace LocalJSX {
           * If `true`, the label is at left of the toggle
          */
         "hasLeftLabel"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "has-left-label"?: boolean;
         /**
           * Add space between label and toggle element
          */
         "isSpaced"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-spaced"?: boolean;
         /**
           * Label for the field
          */
@@ -4893,6 +5598,10 @@ declare namespace LocalJSX {
           * The id of toggle
          */
         "toggleId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "toggle-id"?: string;
         /**
           * Value the form will get
          */
@@ -4919,11 +5628,20 @@ declare namespace LocalJSX {
           * The content align of the tooltip.
          */
         "contentAlign"?: | 'center'
+    | 'left';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "content-align"?: | 'center'
     | 'left';
         /**
           * Indicates whether or not the tooltip is open. You can use this or the open/close methods.
          */
         "isOpen"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-open"?: boolean;
         /**
           * The position of the tooltip.
          */
@@ -4939,6 +5657,10 @@ declare namespace LocalJSX {
           * The id of tooltip
          */
         "tooltipId"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tooltip-id"?: string;
         /**
           * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`. Multiple options can be passed by separating them with a space. When manual is used, the tooltip must be activated programmatically.
          */