@quartzds/core 1.0.0-beta.81 → 1.0.0-beta.82

package/dist/types/components.d.ts

@@ -14,7 +14,7 @@ import { Importance, Size, Status, Target } from "./components/shared";
 import { OffsetOptions, QdsFocusEventDetail, QdsInputEventDetail } from "./helpers";
 import { CheckboxValue } from "./components/checkbox/checkbox";
 import { ChipType } from "./components/chip/chip";
-import { AutoCapitalize, AutoComplete, EnterKeyHint, InputMode, Value } from "./components/controls";
+import { AutoComplete, EnterKeyHint, InputMode, Value } from "./components/controls";
 import { AutoUpdateOptions, DetectOverflowOptions, FlipOptions, Placement, ReferenceElement, ShiftOptions, Strategy } from "@floating-ui/dom";
 import { Capture, InputType } from "./components/input/input";
 import { Destination, Divider, ListAction } from "./components/list-item/list-item";
@@ -37,7 +37,7 @@ export { Importance, Size, Status, Target } from "./components/shared";
 export { OffsetOptions, QdsFocusEventDetail, QdsInputEventDetail } from "./helpers";
 export { CheckboxValue } from "./components/checkbox/checkbox";
 export { ChipType } from "./components/chip/chip";
-export { AutoCapitalize, AutoComplete, EnterKeyHint, InputMode, Value } from "./components/controls";
+export { AutoComplete, EnterKeyHint, InputMode, Value } from "./components/controls";
 export { AutoUpdateOptions, DetectOverflowOptions, FlipOptions, Placement, ReferenceElement, ShiftOptions, Strategy } from "@floating-ui/dom";
 export { Capture, InputType } from "./components/input/input";
 export { Destination, Divider, ListAction } from "./components/list-item/list-item";
@@ -76,6 +76,10 @@ export namespace Components {
           * Shows a stroke ring around the component for better visibility
          */
         "strokeRing": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "stroke-ring"?: boolean;
         /**
           * The badge-counter's value.
          */
@@ -105,6 +109,10 @@ export namespace Components {
           * Shows a stroke ring around the badge indicator for better visibility.
          */
         "strokeRing": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "stroke-ring"?: boolean;
     }
     /**
      * The `<qds-breadcrumb-item>` element is used as a navigational aid that is
@@ -130,6 +138,10 @@ export namespace Components {
           * @webnative
          */
         "referrerPolicy"?: ReferrerPolicy;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
         /**
           * The relationship of the linked URL as space-separated [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).  The following list includes some of the most important existing keywords. Every keyword within a space-separated value should be unique within that value.  - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate): Alternate representations of the current document. - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author): Author of the current document or article. - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark): Permalink for the nearest ancestor section. - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external): The referenced document is not part of the same site as the current document. An icon will be rendered next to the text if this value is specified. - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help): Link to context-sensitive help. - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license): Indicates that the main content of the current document is covered by the copyright license described by the referenced document. - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me): Indicates that the current document represents the person who owns the linked content. - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next): Indicates that the current document is a part of a series and that the next document in the series is the referenced document. - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow): Indicates that the current document's original author or publisher does not endorse the referenced document. - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener): Creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those, to begin with (i.e., has an appropriate `target` attribute value). - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer): No `Referer` header will be included. Additionally, has the same effect as `noopener`. - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener): Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "`_blank`" as `target` attribute value). - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev): Indicates that the current document is a part of a series and that the previous document in the series is the referenced document. - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search): Gives a link to a resource that can be used to search through the current document and its related pages. - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag): Gives a tag (identified by the given address) that applies to the current document.
           * @webnative
@@ -167,10 +179,18 @@ export namespace Components {
           * The indicator or counter badge's accessible text that will be used by screen readers.
          */
         "badgeDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-description"?: string;
         /**
           * The indicator's status.
          */
         "badgeIndicatorStatus"?: HTMLQdsBadgeIndicatorElement['status'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-indicator-status"?: HTMLQdsBadgeIndicatorElement['status'];
         /**
           * Prevents the button from being interacted with: it cannot be pressed or focused.
           * @webnative
@@ -191,21 +211,37 @@ export namespace Components {
           * @webnative
          */
         "formAction"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "formaction"?: string;
         /**
           * If the button is a submit button (it's inside/associated with a `<form>` and doesn't have `type="button"`), this attribute specifies the [HTTP method][] used to submit the form, or `dialog` which won't submit the form. Possible values:  - `get`: The form data are appended to the form's action URL, with a ? as a separator, and the resulting URL is sent to the server. Use this method when the form has no side effects, like search forms. - `post`: The data from the form are included in the body of the HTTP request when sent to the server. Use when the form contains information that shouldn't be public, like login credentials. - `dialog`: Close the dialog box in which the button finds itself, if any, and do not submit the button's form owner.  If specified, this attribute overrides the `method` attribute of the button's form owner.  [HTTP method]: https://developer.mozilla.org/docs/Web/HTTP/Methods
           * @webnative
          */
         "formMethod"?: FormMethod;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "formmethod"?: FormMethod;
         /**
           * If the button is a submit button, this attribute specifies that the form is not to be [validated](https://developer.mozilla.org/docs/Learn/Forms/Form_validation) when it is submitted. If this attribute is specified, it overrides the [`novalidate`](https://developer.mozilla.org/docs/Web/HTML/Element/form#attr-novalidate) attribute of the button's form owner.
           * @webnative
          */
         "formNoValidate": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "formnovalidate"?: boolean;
         /**
           * If the button is a submit button, this attribute is an author-defined name or standardized, underscore-prefixed keyword indicating where to display the response from submitting the form. This is the `name` of, or keyword for, a browsing context (a tab, window, or [`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe)). If this attribute is specified, it overrides the [`target`](https://developer.mozilla.org/docs/Web/HTML/Element/form#attr-target) attribute of the button's form owner. The following keywords have special meanings:  - `_blank`: Load the response into a new unnamed browsing context — usually a new tab or window, depending on the user's browser settings. - `_parent`: Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`. - `_self`: Load the response into the same browsing context as the current one. - `_top`: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as `_self`.
           * @webnative
          */
         "formTarget": LiteralUnion<ButtonTarget, string>;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "formtarget"?: LiteralUnion<ButtonTarget, string>;
         /**
           * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
           * @webnative
@@ -215,10 +251,18 @@ export namespace Components {
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The button's importance.
          */
@@ -232,6 +276,10 @@ export namespace Components {
           * Indicates the type of interactive popup element that can be triggered by the `qds-button`.
          */
         "popupType"?: PopupType;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "popup-type"?: PopupType;
         /**
           * When href is define and the button act as a link (`<a>`), the `rel` will be added to the element.
           * @webnative
@@ -268,11 +316,6 @@ export namespace Components {
      * @see https://quartz.se.com/build/components/checkbox
      */
     interface QdsCheckbox {
-        /**
-          * Specify whether the checkbox should have focus when the page loads.
-          * @webnative
-         */
-        "autoFocus"?: boolean;
         /**
           * Sets the checkbox's state.
           * @webnative
@@ -322,6 +365,10 @@ export namespace Components {
           * @webnative
          */
         "validationMessage": ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-checkbox>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -339,6 +386,10 @@ export namespace Components {
           * @webnative
          */
         "willValidate": ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
     }
     /**
      * `<qds-chip>` elements are interactive elements that represent selections.
@@ -347,11 +398,6 @@ export namespace Components {
      * @see https://quartz.se.com/build/components/chip
      */
     interface QdsChip {
-        /**
-          * Specify whether the chip should have focus when the page loads.
-          * @webnative
-         */
-        "autoFocus"?: boolean;
         /**
           * Sets the selectable chip's state.
           * @webnative
@@ -370,10 +416,18 @@ export namespace Components {
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The name of the chip, which is submitted with the form data.
           * @webnative
@@ -449,10 +503,18 @@ export namespace Components {
           * Disable Floating UI's [`flip` middleware](https://floating-ui.com/docs/flip).
          */
         "noFlip": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-flip"?: boolean;
         /**
           * Disable Floating UI's [`shift` middleware](https://floating-ui.com/docs/shift).
          */
         "noShift": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-shift"?: boolean;
         /**
           * Options to pass to Floating UI's [`offset` middleware](https://floating-ui.com/docs/offset).  The [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is not supported.
           * @see https://floating-ui.com/docs/offset#options
@@ -509,6 +571,10 @@ export namespace Components {
           * @example <qds-form-message status-description="Error" text="Password is required."></qds-form-message> // This form message will be read by screen readers as "Error Password is required."
          */
         "statusDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "status-description"?: string;
         /**
           * The form message's text.
          */
@@ -560,10 +626,18 @@ export namespace Components {
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The inline link's importance.
          */
@@ -573,6 +647,10 @@ export namespace Components {
           * @webnative
          */
         "referrerPolicy"?: ReferrerPolicy;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
         /**
           * The relationship of the linked URL as space-separated [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).  The following list includes some of the most important existing keywords. Every keyword within a space-separated value should be unique within that value.  - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate): Alternate representations of the current document. - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author): Author of the current document or article. - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark): Permalink for the nearest ancestor section. - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external): The referenced document is not part of the same site as the current document. An icon will be rendered next to the text if this value is specified. - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help): Link to context-sensitive help. - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license): Indicates that the main content of the current document is covered by the copyright license described by the referenced document. - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me): Indicates that the current document represents the person who owns the linked content. - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next): Indicates that the current document is a part of a series and that the next document in the series is the referenced document. - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow): Indicates that the current document's original author or publisher does not endorse the referenced document. - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener): Creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those, to begin with (i.e., has an appropriate `target` attribute value). - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer): No `Referer` header will be included. Additionally, has the same effect as `noopener`. - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener): Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "`_blank`" as `target` attribute value). - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev): Indicates that the current document is a part of a series and that the previous document in the series is the referenced document. - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search): Gives a link to a resource that can be used to search through the current document and its related pages. - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag): Gives a tag (identified by the given address) that applies to the current document.
           * @webnative
@@ -599,21 +677,15 @@ export namespace Components {
           * @webnative
          */
         "accept"?: string;
-        /**
-          * Controls whether and how input is automatically capitalized as it is entered/edited by the user. Only valid for `search`, `tel`, and `text` inputs. Possible values:  - `"off"` or `"none"`: No auto-capitalization is applied (all letters default to lowercase). - `"on"` or `"sentences"`: The first letter of each sentence defaults to a capital letter; all other letters default to lowercase. - `"words"`: The first letter of each word defaults to a capital letter; all other letters default to lowercase. - `"characters"`: All letters default to uppercase.
-          * @webnative
-         */
-        "autoCapitalize"?: AutoCapitalize;
         /**
           * Provides a hint for a [user agent's][] autocomplete feature. See [the HTML `autocomplete` attribute][autocomplete] for a complete list of values and details on how to use `autoComplete`.  [user agent's]: https://developer.mozilla.org/docs/Glossary/User_agent [autocomplete]: https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete
           * @webnative
          */
         "autoComplete"?: AutoComplete;
         /**
-          * Specify whether the input should have focus when the page loads.
-          * @webnative
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "autoFocus"?: boolean;
+        "autocomplete"?: AutoComplete;
         /**
           * Specifies that a new file should be captured and which device should be used to capture that new media of the type defined by `accept`.  Values include `user`, `environment`, and `''`:  - `user`: The user-facing camera and/or microphone should be used. - `environment`: The outward-facing camera and/or microphone should be used. - `''`: The implementation-specific capture state.
           * @webnative
@@ -662,6 +734,10 @@ export namespace Components {
           * @webnative
          */
         "maxLength"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "maxlength"?: number;
         /**
           * Defines the most negative value in the range of permitted values. If the `value` entered into the input is less than this, the input fails [constraint validation][]. Only valid for `date`, `datetime-local`, `month`, `time`, and `week` inputs.  This value must be less than or equal to the value of the `max` attribute. If this value isn't a valid number, then the input has no minimum value.  [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation
           * @webnative
@@ -672,6 +748,10 @@ export namespace Components {
           * @webnative
          */
         "minLength"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "minlength"?: number;
         /**
           * For `email` inputs, specifies if multiple comma-separated email addresses can be entered. For `file` inputs, specifies if the user is allowed to select more than one file.  Only valid for `email` or `file` inputs.
           * @webnative
@@ -686,6 +766,10 @@ export namespace Components {
           * Hide the input type's icon.  > **_NOTE:_** Due to browser limitations, the icon may not be hidden in all browsers.
          */
         "noIcon"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-icon"?: boolean;
         /**
           * Defines a regular expression that the input's `value` must match in order for the value to pass [constraint validation][]. It must be a valid JavaScript regular expression, as used by the [`RegExp`][] type, and as documented in MDN's [guide on regular expressions][]; the `'u'` flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text. Only valid for `email`, `password`, `search`, `tel`, `text`, and `url` inputs.  If the `pattern` is invalid, no regular expression is applied and this property is ignored. If the pattern is valid and a non-empty value does not match the pattern, constraint validation will prevent form submission.  [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation [`RegExp`]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp [guide on regular expressions]: https://developer.mozilla.org/docs/Web/JavaScript/Guide/Regular_Expressions
           * @webnative
@@ -706,25 +790,32 @@ export namespace Components {
           * @webnative
          */
         "selectionDirection": HTMLInputElement['selectionDirection'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-direction"?: HTMLInputElement['selectionDirection'];
         /**
           * Get or set the ending position or offset of a text selection.  > **_NOTE:_** This property has no effect when used as an attribute.
           * @webnative
          */
         "selectionEnd": HTMLInputElement['selectionEnd'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-end"?: HTMLInputElement['selectionEnd'];
         /**
           * Get or set the starting position or offset of a text selection.  > **_NOTE:_** This property has no effect when used as an attribute.
           * @webnative
          */
         "selectionStart": HTMLInputElement['selectionStart'];
         /**
-          * The input's size.  > **_NOTE:_** The native [`size` HTML attribute][size] is not supported. CSS `width` should be used instead if this functionality is needed.  [size]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "size"?: Size;
+        "selection-start"?: HTMLInputElement['selectionStart'];
         /**
-          * Defines whether the input may be checked for spelling errors.
-          * @webnative
+          * The input's size.  > **_NOTE:_** The native [`size` HTML attribute][size] is not supported. CSS `width` should be used instead if this functionality is needed.  [size]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
          */
-        "spellCheck"?: boolean;
+        "size"?: Size;
         /**
           * Specifies the granularity that the `value` must adhere to. Only valid for `date`, `datetime-local`, `month`, `number`, `time`, and `week` inputs.  The value must be a positive number—integer or float—or the special value `any`, which means no stepping is implied, and any value is allowed (barring other constraints, such as `min` and `max`).  If `any` is not explicitly set, valid values for the `number` are the basis for stepping — the `min` value and increments of the step value, up to the `max` value, if specified.
           * @webnative
@@ -741,6 +832,10 @@ export namespace Components {
           * @webnative
          */
         "validationMessage": ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-select>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -758,6 +853,10 @@ export namespace Components {
           * @webnative
          */
         "willValidate": ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
     }
     /**
      * `<qds-label>` elements represent a caption for an item in a user interface.
@@ -805,10 +904,18 @@ export namespace Components {
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * Sets the list item to an indeterminate state, only when `list-action="indeterminate"`. This is usually applied to items that represent a "select all/none" behavior when associated items have a mix of selected and unselected states.
           * @webnative
@@ -822,6 +929,10 @@ export namespace Components {
           * The type of list-level action that the list item supports
          */
         "listAction"?: ListAction;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "list-action"?: ListAction;
         /**
           * Whether or not the list item is selected.
          */
@@ -870,10 +981,18 @@ export namespace Components {
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * Whether or not the navigation list item is selected.
          */
@@ -988,10 +1107,9 @@ export namespace Components {
          */
         "autoComplete"?: AutoComplete;
         /**
-          * Specify whether the select should have focus when the page loads.
-          * @webnative
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "autoFocus"?: boolean;
+        "autocomplete"?: AutoComplete;
         /**
           * Prevents the select from being interacted with: it cannot be pressed or focused.
           * @webnative
@@ -1035,6 +1153,10 @@ export namespace Components {
           * @webnative
          */
         "selectedIndex": HTMLSelectElement['selectedIndex'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-index"?: HTMLSelectElement['selectedIndex'];
         /**
           * Collection of the [`<option>`][] elements contained within the `<qds-select>` element that are currently selected.  [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option
           * @readonly 
@@ -1057,6 +1179,10 @@ export namespace Components {
           * @webnative
          */
         "validationMessage": ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-select>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -1074,6 +1200,10 @@ export namespace Components {
           * @webnative
          */
         "willValidate": ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
     }
     /**
      * `<qds-standalone-link>` elements, with their `href` property, create a hyperlink
@@ -1108,10 +1238,18 @@ export namespace Components {
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The standalone link's importance.
          */
@@ -1121,6 +1259,10 @@ export namespace Components {
           * @webnative
          */
         "referrerPolicy"?: ReferrerPolicy;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
         /**
           * The relationship of the linked URL as space-separated [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).  The following list includes some of the most important existing keywords. Every keyword within a space-separated value should be unique within that value.  - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate): Alternate representations of the current document. - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author): Author of the current document or article. - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark): Permalink for the nearest ancestor section. - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external): The referenced document is not part of the same site as the current document. An icon will be rendered next to the text if this value is specified. - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help): Link to context-sensitive help. - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license): Indicates that the main content of the current document is covered by the copyright license described by the referenced document. - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me): Indicates that the current document represents the person who owns the linked content. - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next): Indicates that the current document is a part of a series and that the next document in the series is the referenced document. - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow): Indicates that the current document's original author or publisher does not endorse the referenced document. - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener): Creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those, to begin with (i.e., has an appropriate `target` attribute value). - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer): No `Referer` header will be included. Additionally, has the same effect as `noopener`. - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener): Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "`_blank`" as `target` attribute value). - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev): Indicates that the current document is a part of a series and that the previous document in the series is the referenced document. - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search): Gives a link to a resource that can be used to search through the current document and its related pages. - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag): Gives a tag (identified by the given address) that applies to the current document.
           * @webnative
@@ -1144,11 +1286,6 @@ export namespace Components {
      * @see https://quartz.se.com/build/components/switch
      */
     interface QdsSwitch {
-        /**
-          * Specify whether the switch should have focus when the page loads.
-          * @webnative
-         */
-        "autoFocus"?: boolean;
         /**
           * Sets the switch's state.
           * @webnative
@@ -1189,6 +1326,10 @@ export namespace Components {
           * @webnative
          */
         "validationMessage": ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-switch>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -1206,6 +1347,10 @@ export namespace Components {
           * @webnative
          */
         "willValidate": ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
     }
     /**
      * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars
@@ -1226,14 +1371,26 @@ export namespace Components {
           * The tab's counter importance.
          */
         "badgeCounterImportance"?: HTMLQdsBadgeCounterElement['importance'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-counter-importance"?: HTMLQdsBadgeCounterElement['importance'];
         /**
           * The indicator or counter badge's accessible text that will be used by screen readers.
          */
         "badgeDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-description"?: string;
         /**
           * The indicator's status.
          */
         "badgeIndicatorStatus"?: HTMLQdsBadgeIndicatorElement['status'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-indicator-status"?: HTMLQdsBadgeIndicatorElement['status'];
         /**
           * Prevents the tab from being interacted with: it cannot be selected or focused.
          */
@@ -1247,14 +1404,26 @@ export namespace Components {
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * Displays the tab in a collapsed state without its text. The text will be displayed in a tooltip instead.  This property has no effect if the tab does not have an icon set.
          */
         "iconOnly": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-only"?: boolean;
         /**
           * The tab's importance.
          */
@@ -1263,6 +1432,10 @@ export namespace Components {
           * The tab's indicator position.
          */
         "indicatorPosition"?: IndicatorPosition;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "indicator-position"?: IndicatorPosition;
         /**
           * The tab panel element associated with this tab. The `panel` specified can be any of the following:  - A CSS selector string - A reference to an [`Element`][] - A function returning a reference to an [`Element`][] or a CSS selector string  [`Element`]: https://developer.mozilla.org/docs/Web/API/Element
          */
@@ -1283,30 +1456,58 @@ export namespace Components {
           * The tag icon's accessible text that will be used by screen readers.
          */
         "tagIconDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-icon-description"?: string;
         /**
           * The name of a registered icon library.
          */
         "tagIconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-icon-library"?: string;
         /**
           * The name of the tab's tag icon to render.  Available names depend on the icon library being used.
          */
         "tagIconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-icon-name"?: string;
         /**
           * The tab's tag importance.
          */
         "tagImportance"?: HTMLQdsTagElement['importance'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-importance"?: HTMLQdsTagElement['importance'];
         /**
           * The tab's tag size.
          */
         "tagSize"?: Size;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-size"?: Size;
         /**
           * The tab's tag status.
          */
         "tagStatus"?: Status;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-status"?: Status;
         /**
           * The tab's tag text.
          */
         "tagText"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-text"?: string;
         /**
           * Primary text to display.
          */
@@ -1334,6 +1535,10 @@ export namespace Components {
           * the tablist Description
          */
         "tablistDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tablist-description"?: string;
     }
     /**
      * The `<qds-table>` element represents tabular data — that is, information
@@ -1362,11 +1567,19 @@ export namespace Components {
           * @webnative
          */
         "colSpan"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "colspan"?: number;
         /**
           * Non-negative integer value that indicates for how many rows the cell extends. Its default value is `1`; if its value is set to `0`, it extends until the end of the table section (`<qds-table-head>` or `<qds-table-body>`, even if implicitly defined), that the cell belongs to. Values higher than 65534 are clipped down to 65534.
           * @webnative
          */
         "rowSpan"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "rowspan"?: number;
     }
     /**
      * The `<qds-table-head>` element encapsulates a set of rows (`<qds-table-row>`
@@ -1393,11 +1606,19 @@ export namespace Components {
           * @webnative
          */
         "colSpan"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "colspan"?: number;
         /**
           * Non-negative integer value that indicates for how many rows the cell extends. Its default value is `1`; if its value is set to `0`, it extends until the end of the table section (`<qds-table-head>` or `<qds-table-body>`, even if implicitly defined), that the cell belongs to. Values higher than 65534 are clipped down to 65534.
           * @webnative
          */
         "rowSpan"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "rowspan"?: number;
         /**
           * Defines the cells that the header element relates to. It may have the following values:  - `row`: The header relates to all cells of the row it belongs to. - `col`: The header relates to all cells of the column it belongs to.  If the `scope` attribute is not specified, or its value is not `row` or `col`, then browsers automatically select the set of cells to which the header cell applies.
           * @webnative
@@ -1422,14 +1643,26 @@ export namespace Components {
           * Provides a text description of the icon for screen readers.
          */
         "iconDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-description"?: string;
         /**
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The tag's importance.
          */
@@ -1441,7 +1674,7 @@ export namespace Components {
         /**
           * The tag's status.
          */
-        "status": TagStatus;
+        "status"?: TagStatus;
         /**
           * The tag's text.
          */
@@ -1454,21 +1687,15 @@ export namespace Components {
      * @see https://quartz.se.com/build/components/textarea
      */
     interface QdsTextarea {
-        /**
-          * Controls whether and how input is automatically capitalized as it is entered/edited by the user. Possible values:  - `"off"` or `"none"`: No auto-capitalization is applied (all letters default to lowercase). - `"on"` or `"sentences"`: The first letter of each sentence defaults to a capital letter; all other letters default to lowercase. - `"words"`: The first letter of each word defaults to a capital letter; all other letters default to lowercase. - `"characters"`: All letters default to uppercase.
-          * @webnative
-         */
-        "autoCapitalize"?: AutoCapitalize;
         /**
           * Indicates whether the value of the textarea can be automatically completed by the browser. Possible values:  `off`: The user must explicitly enter a value into this field for every use, or the document provides its own auto-completion method; the browser does not automatically complete the entry. `on`: The browser can automatically complete the value based on values that the user has entered during previous uses.  If the `autocomplete` attribute is not specified on a `<qds-textarea>` element, then the browser uses the `autocomplete` attribute value of the `<qds-textarea>` element's form owner. The form owner is either the [`<form>`][] element that this `<qds-textarea>` element is a descendant of or the form element whose `id` is specified by the `form` attribute of the `qds-textarea` element. For more information, see the [`autocomplete`] attribute in [`<form>`][].  [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form [`autocomplete`]: https://developer.mozilla.org/docs/Web/HTML/Element/form#autocomplete
           * @webnative
          */
         "autoComplete"?: TextAreaAutoComplete;
         /**
-          * Specify whether the input should have focus when the page loads.
-          * @webnative
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "autoFocus"?: boolean;
+        "autocomplete"?: TextAreaAutoComplete;
         /**
           * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is `20`.
           * @webnative
@@ -1506,11 +1733,19 @@ export namespace Components {
           * @webnative
          */
         "maxLength"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "maxlength"?: number;
         /**
           * The minimum number of characters (as UTF-16 code units) the user can enter into the textarea. This must be an non-negative integer value smaller than or equal to the value specified by `maxlength`. If no `minlength` is specified, or an invalid value is specified, the textarea has no minimum length.  The textarea will fail [constraint validation][] if the length of the text entered into the field is fewer than `minlength` UTF-16 code units long, preventing form submission. See [Client-side validation][] for more information.  [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation
           * @webnative
          */
         "minLength"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "minlength"?: number;
         /**
           * The name of the textarea, which is submitted with the form data.
           * @webnative
@@ -1536,31 +1771,42 @@ export namespace Components {
           * @webnative
          */
         "selectionDirection": HTMLInputElement['selectionDirection'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-direction"?: HTMLInputElement['selectionDirection'];
         /**
           * Get or set the ending position or offset of a text selection.  > **_NOTE:_** This property has no effect when used as an attribute.
           * @webnative
          */
         "selectionEnd": HTMLInputElement['selectionEnd'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-end"?: HTMLInputElement['selectionEnd'];
         /**
           * Get or set the starting position or offset of a text selection.  > **_NOTE:_** This property has no effect when used as an attribute.
           * @webnative
          */
         "selectionStart": HTMLInputElement['selectionStart'];
         /**
-          * The textarea's size.  > **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS `width` should be used instead if this functionality is needed.  [`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "size"?: Size;
+        "selection-start"?: HTMLInputElement['selectionStart'];
         /**
-          * Defines whether the textarea may be checked for spelling errors.
-          * @webnative
+          * The textarea's size.  > **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS `width` should be used instead if this functionality is needed.  [`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
          */
-        "spellCheck"?: boolean;
+        "size"?: Size;
         /**
           * The error message that would be shown to the user if the `<qds-select>` was to be checked for validity.
           * @readonly 
           * @webnative
          */
         "validationMessage": ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-select>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -1578,6 +1824,10 @@ export namespace Components {
           * @webnative
          */
         "willValidate": ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
         /**
           * Indicates how the control should wrap the value for form submission. Possible values are:  - `hard`: The browser automatically inserts line breaks (`CR+LF`) so that each line is no longer than the width of the control; the `cols` attribute must be specified for this to take effect - `soft`: The browser ensures that all line breaks in the entered value are a `CR+LF` pair, but no additional line breaks are added to the value. - `off`: Like `soft` but changes appearance to `white-space: pre` so line segments exceeding `cols` are not wrapped and the `<qds-textarea>` becomes horizontally scrollable.  If this attribute is not specified, `soft` is its default value.
           * @webnative
@@ -1596,10 +1846,18 @@ export namespace Components {
           * The name of a registered icon library.
          */
         "iconLibrary": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * Text to display for the kicker.
          */
@@ -1647,10 +1905,18 @@ export namespace Components {
           * Disable Floating UI's [`flip` middleware](https://floating-ui.com/docs/flip).
          */
         "noFlip": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-flip"?: boolean;
         /**
           * Disable Floating UI's [`shift` middleware](https://floating-ui.com/docs/shift).
          */
         "noShift": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-shift"?: boolean;
         /**
           * Options to pass to Floating UI's [`offset` middleware](https://floating-ui.com/docs/offset).  The [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is not supported.
           * @see https://floating-ui.com/docs/offset#options
@@ -2449,6 +2715,10 @@ declare namespace LocalJSX {
           * Shows a stroke ring around the component for better visibility
          */
         "strokeRing"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "stroke-ring"?: boolean;
         /**
           * The badge-counter's value.
          */
@@ -2478,6 +2748,10 @@ declare namespace LocalJSX {
           * Shows a stroke ring around the badge indicator for better visibility.
          */
         "strokeRing"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "stroke-ring"?: boolean;
     }
     /**
      * The `<qds-breadcrumb-item>` element is used as a navigational aid that is
@@ -2503,6 +2777,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "referrerPolicy"?: ReferrerPolicy;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
         /**
           * The relationship of the linked URL as space-separated [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).  The following list includes some of the most important existing keywords. Every keyword within a space-separated value should be unique within that value.  - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate): Alternate representations of the current document. - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author): Author of the current document or article. - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark): Permalink for the nearest ancestor section. - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external): The referenced document is not part of the same site as the current document. An icon will be rendered next to the text if this value is specified. - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help): Link to context-sensitive help. - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license): Indicates that the main content of the current document is covered by the copyright license described by the referenced document. - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me): Indicates that the current document represents the person who owns the linked content. - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next): Indicates that the current document is a part of a series and that the next document in the series is the referenced document. - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow): Indicates that the current document's original author or publisher does not endorse the referenced document. - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener): Creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those, to begin with (i.e., has an appropriate `target` attribute value). - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer): No `Referer` header will be included. Additionally, has the same effect as `noopener`. - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener): Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "`_blank`" as `target` attribute value). - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev): Indicates that the current document is a part of a series and that the previous document in the series is the referenced document. - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search): Gives a link to a resource that can be used to search through the current document and its related pages. - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag): Gives a tag (identified by the given address) that applies to the current document.
           * @webnative
@@ -2540,10 +2818,18 @@ declare namespace LocalJSX {
           * The indicator or counter badge's accessible text that will be used by screen readers.
          */
         "badgeDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-description"?: string;
         /**
           * The indicator's status.
          */
         "badgeIndicatorStatus"?: HTMLQdsBadgeIndicatorElement['status'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-indicator-status"?: HTMLQdsBadgeIndicatorElement['status'];
         /**
           * Prevents the button from being interacted with: it cannot be pressed or focused.
           * @webnative
@@ -2564,21 +2850,37 @@ declare namespace LocalJSX {
           * @webnative
          */
         "formAction"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "formaction"?: string;
         /**
           * If the button is a submit button (it's inside/associated with a `<form>` and doesn't have `type="button"`), this attribute specifies the [HTTP method][] used to submit the form, or `dialog` which won't submit the form. Possible values:  - `get`: The form data are appended to the form's action URL, with a ? as a separator, and the resulting URL is sent to the server. Use this method when the form has no side effects, like search forms. - `post`: The data from the form are included in the body of the HTTP request when sent to the server. Use when the form contains information that shouldn't be public, like login credentials. - `dialog`: Close the dialog box in which the button finds itself, if any, and do not submit the button's form owner.  If specified, this attribute overrides the `method` attribute of the button's form owner.  [HTTP method]: https://developer.mozilla.org/docs/Web/HTTP/Methods
           * @webnative
          */
         "formMethod"?: FormMethod;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "formmethod"?: FormMethod;
         /**
           * If the button is a submit button, this attribute specifies that the form is not to be [validated](https://developer.mozilla.org/docs/Learn/Forms/Form_validation) when it is submitted. If this attribute is specified, it overrides the [`novalidate`](https://developer.mozilla.org/docs/Web/HTML/Element/form#attr-novalidate) attribute of the button's form owner.
           * @webnative
          */
         "formNoValidate"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "formnovalidate"?: boolean;
         /**
           * If the button is a submit button, this attribute is an author-defined name or standardized, underscore-prefixed keyword indicating where to display the response from submitting the form. This is the `name` of, or keyword for, a browsing context (a tab, window, or [`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe)). If this attribute is specified, it overrides the [`target`](https://developer.mozilla.org/docs/Web/HTML/Element/form#attr-target) attribute of the button's form owner. The following keywords have special meanings:  - `_blank`: Load the response into a new unnamed browsing context — usually a new tab or window, depending on the user's browser settings. - `_parent`: Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`. - `_self`: Load the response into the same browsing context as the current one. - `_top`: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as `_self`.
           * @webnative
          */
         "formTarget"?: LiteralUnion<ButtonTarget, string>;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "formtarget"?: LiteralUnion<ButtonTarget, string>;
         /**
           * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
           * @webnative
@@ -2588,10 +2890,18 @@ declare namespace LocalJSX {
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The button's importance.
          */
@@ -2613,6 +2923,10 @@ declare namespace LocalJSX {
           * Indicates the type of interactive popup element that can be triggered by the `qds-button`.
          */
         "popupType"?: PopupType;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "popup-type"?: PopupType;
         /**
           * When href is define and the button act as a link (`<a>`), the `rel` will be added to the element.
           * @webnative
@@ -2649,11 +2963,6 @@ declare namespace LocalJSX {
      * @see https://quartz.se.com/build/components/checkbox
      */
     interface QdsCheckbox {
-        /**
-          * Specify whether the checkbox should have focus when the page loads.
-          * @webnative
-         */
-        "autoFocus"?: boolean;
         /**
           * Sets the checkbox's state.
           * @webnative
@@ -2715,6 +3024,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "validationMessage"?: ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-checkbox>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -2732,6 +3045,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "willValidate"?: ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
     }
     /**
      * `<qds-chip>` elements are interactive elements that represent selections.
@@ -2740,11 +3057,6 @@ declare namespace LocalJSX {
      * @see https://quartz.se.com/build/components/chip
      */
     interface QdsChip {
-        /**
-          * Specify whether the chip should have focus when the page loads.
-          * @webnative
-         */
-        "autoFocus"?: boolean;
         /**
           * Sets the selectable chip's state.
           * @webnative
@@ -2763,10 +3075,18 @@ declare namespace LocalJSX {
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The name of the chip, which is submitted with the form data.
           * @webnative
@@ -2866,10 +3186,18 @@ declare namespace LocalJSX {
           * Disable Floating UI's [`flip` middleware](https://floating-ui.com/docs/flip).
          */
         "noFlip"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-flip"?: boolean;
         /**
           * Disable Floating UI's [`shift` middleware](https://floating-ui.com/docs/shift).
          */
         "noShift"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-shift"?: boolean;
         /**
           * Options to pass to Floating UI's [`offset` middleware](https://floating-ui.com/docs/offset).  The [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is not supported.
           * @see https://floating-ui.com/docs/offset#options
@@ -2930,6 +3258,10 @@ declare namespace LocalJSX {
           * @example <qds-form-message status-description="Error" text="Password is required."></qds-form-message> // This form message will be read by screen readers as "Error Password is required."
          */
         "statusDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "status-description"?: string;
         /**
           * The form message's text.
          */
@@ -2989,10 +3321,18 @@ declare namespace LocalJSX {
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The inline link's importance.
          */
@@ -3010,6 +3350,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "referrerPolicy"?: ReferrerPolicy;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
         /**
           * The relationship of the linked URL as space-separated [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).  The following list includes some of the most important existing keywords. Every keyword within a space-separated value should be unique within that value.  - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate): Alternate representations of the current document. - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author): Author of the current document or article. - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark): Permalink for the nearest ancestor section. - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external): The referenced document is not part of the same site as the current document. An icon will be rendered next to the text if this value is specified. - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help): Link to context-sensitive help. - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license): Indicates that the main content of the current document is covered by the copyright license described by the referenced document. - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me): Indicates that the current document represents the person who owns the linked content. - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next): Indicates that the current document is a part of a series and that the next document in the series is the referenced document. - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow): Indicates that the current document's original author or publisher does not endorse the referenced document. - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener): Creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those, to begin with (i.e., has an appropriate `target` attribute value). - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer): No `Referer` header will be included. Additionally, has the same effect as `noopener`. - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener): Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "`_blank`" as `target` attribute value). - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev): Indicates that the current document is a part of a series and that the previous document in the series is the referenced document. - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search): Gives a link to a resource that can be used to search through the current document and its related pages. - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag): Gives a tag (identified by the given address) that applies to the current document.
           * @webnative
@@ -3036,21 +3380,15 @@ declare namespace LocalJSX {
           * @webnative
          */
         "accept"?: string;
-        /**
-          * Controls whether and how input is automatically capitalized as it is entered/edited by the user. Only valid for `search`, `tel`, and `text` inputs. Possible values:  - `"off"` or `"none"`: No auto-capitalization is applied (all letters default to lowercase). - `"on"` or `"sentences"`: The first letter of each sentence defaults to a capital letter; all other letters default to lowercase. - `"words"`: The first letter of each word defaults to a capital letter; all other letters default to lowercase. - `"characters"`: All letters default to uppercase.
-          * @webnative
-         */
-        "autoCapitalize"?: AutoCapitalize;
         /**
           * Provides a hint for a [user agent's][] autocomplete feature. See [the HTML `autocomplete` attribute][autocomplete] for a complete list of values and details on how to use `autoComplete`.  [user agent's]: https://developer.mozilla.org/docs/Glossary/User_agent [autocomplete]: https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete
           * @webnative
          */
         "autoComplete"?: AutoComplete;
         /**
-          * Specify whether the input should have focus when the page loads.
-          * @webnative
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "autoFocus"?: boolean;
+        "autocomplete"?: AutoComplete;
         /**
           * Specifies that a new file should be captured and which device should be used to capture that new media of the type defined by `accept`.  Values include `user`, `environment`, and `''`:  - `user`: The user-facing camera and/or microphone should be used. - `environment`: The outward-facing camera and/or microphone should be used. - `''`: The implementation-specific capture state.
           * @webnative
@@ -3099,6 +3437,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "maxLength"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "maxlength"?: number;
         /**
           * Defines the most negative value in the range of permitted values. If the `value` entered into the input is less than this, the input fails [constraint validation][]. Only valid for `date`, `datetime-local`, `month`, `time`, and `week` inputs.  This value must be less than or equal to the value of the `max` attribute. If this value isn't a valid number, then the input has no minimum value.  [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation
           * @webnative
@@ -3109,6 +3451,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "minLength"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "minlength"?: number;
         /**
           * For `email` inputs, specifies if multiple comma-separated email addresses can be entered. For `file` inputs, specifies if the user is allowed to select more than one file.  Only valid for `email` or `file` inputs.
           * @webnative
@@ -3123,6 +3469,10 @@ declare namespace LocalJSX {
           * Hide the input type's icon.  > **_NOTE:_** Due to browser limitations, the icon may not be hidden in all browsers.
          */
         "noIcon"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-icon"?: boolean;
         /**
           * Emitted when the input loses focus.
          */
@@ -3163,25 +3513,32 @@ declare namespace LocalJSX {
           * @webnative
          */
         "selectionDirection"?: HTMLInputElement['selectionDirection'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-direction"?: HTMLInputElement['selectionDirection'];
         /**
           * Get or set the ending position or offset of a text selection.  > **_NOTE:_** This property has no effect when used as an attribute.
           * @webnative
          */
         "selectionEnd"?: HTMLInputElement['selectionEnd'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-end"?: HTMLInputElement['selectionEnd'];
         /**
           * Get or set the starting position or offset of a text selection.  > **_NOTE:_** This property has no effect when used as an attribute.
           * @webnative
          */
         "selectionStart"?: HTMLInputElement['selectionStart'];
         /**
-          * The input's size.  > **_NOTE:_** The native [`size` HTML attribute][size] is not supported. CSS `width` should be used instead if this functionality is needed.  [size]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "size"?: Size;
+        "selection-start"?: HTMLInputElement['selectionStart'];
         /**
-          * Defines whether the input may be checked for spelling errors.
-          * @webnative
+          * The input's size.  > **_NOTE:_** The native [`size` HTML attribute][size] is not supported. CSS `width` should be used instead if this functionality is needed.  [size]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
          */
-        "spellCheck"?: boolean;
+        "size"?: Size;
         /**
           * Specifies the granularity that the `value` must adhere to. Only valid for `date`, `datetime-local`, `month`, `number`, `time`, and `week` inputs.  The value must be a positive number—integer or float—or the special value `any`, which means no stepping is implied, and any value is allowed (barring other constraints, such as `min` and `max`).  If `any` is not explicitly set, valid values for the `number` are the basis for stepping — the `min` value and increments of the step value, up to the `max` value, if specified.
           * @webnative
@@ -3198,6 +3555,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "validationMessage"?: ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-select>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -3215,6 +3576,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "willValidate"?: ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
     }
     /**
      * `<qds-label>` elements represent a caption for an item in a user interface.
@@ -3262,10 +3627,18 @@ declare namespace LocalJSX {
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * Sets the list item to an indeterminate state, only when `list-action="indeterminate"`. This is usually applied to items that represent a "select all/none" behavior when associated items have a mix of selected and unselected states.
           * @webnative
@@ -3279,6 +3652,10 @@ declare namespace LocalJSX {
           * The type of list-level action that the list item supports
          */
         "listAction"?: ListAction;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "list-action"?: ListAction;
         /**
           * Emitted when the list item loses focus.
          */
@@ -3339,10 +3716,18 @@ declare namespace LocalJSX {
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * Emitted when the navigation list item loses focus.
          */
@@ -3477,10 +3862,9 @@ declare namespace LocalJSX {
          */
         "autoComplete"?: AutoComplete;
         /**
-          * Specify whether the select should have focus when the page loads.
-          * @webnative
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "autoFocus"?: boolean;
+        "autocomplete"?: AutoComplete;
         /**
           * Prevents the select from being interacted with: it cannot be pressed or focused.
           * @webnative
@@ -3540,6 +3924,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "selectedIndex"?: HTMLSelectElement['selectedIndex'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selected-index"?: HTMLSelectElement['selectedIndex'];
         /**
           * Collection of the [`<option>`][] elements contained within the `<qds-select>` element that are currently selected.  [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option
           * @readonly 
@@ -3562,6 +3950,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "validationMessage"?: ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-select>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -3579,6 +3971,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "willValidate"?: ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
     }
     /**
      * `<qds-standalone-link>` elements, with their `href` property, create a hyperlink
@@ -3613,10 +4009,18 @@ declare namespace LocalJSX {
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The standalone link's importance.
          */
@@ -3634,6 +4038,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "referrerPolicy"?: ReferrerPolicy;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
         /**
           * The relationship of the linked URL as space-separated [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).  The following list includes some of the most important existing keywords. Every keyword within a space-separated value should be unique within that value.  - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate): Alternate representations of the current document. - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author): Author of the current document or article. - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark): Permalink for the nearest ancestor section. - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external): The referenced document is not part of the same site as the current document. An icon will be rendered next to the text if this value is specified. - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help): Link to context-sensitive help. - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license): Indicates that the main content of the current document is covered by the copyright license described by the referenced document. - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me): Indicates that the current document represents the person who owns the linked content. - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next): Indicates that the current document is a part of a series and that the next document in the series is the referenced document. - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow): Indicates that the current document's original author or publisher does not endorse the referenced document. - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener): Creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those, to begin with (i.e., has an appropriate `target` attribute value). - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer): No `Referer` header will be included. Additionally, has the same effect as `noopener`. - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener): Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "`_blank`" as `target` attribute value). - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev): Indicates that the current document is a part of a series and that the previous document in the series is the referenced document. - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search): Gives a link to a resource that can be used to search through the current document and its related pages. - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag): Gives a tag (identified by the given address) that applies to the current document.
           * @webnative
@@ -3657,11 +4065,6 @@ declare namespace LocalJSX {
      * @see https://quartz.se.com/build/components/switch
      */
     interface QdsSwitch {
-        /**
-          * Specify whether the switch should have focus when the page loads.
-          * @webnative
-         */
-        "autoFocus"?: boolean;
         /**
           * Sets the switch's state.
           * @webnative
@@ -3714,6 +4117,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "validationMessage"?: ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-switch>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -3731,6 +4138,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "willValidate"?: ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
     }
     /**
      * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars
@@ -3751,14 +4162,26 @@ declare namespace LocalJSX {
           * The tab's counter importance.
          */
         "badgeCounterImportance"?: HTMLQdsBadgeCounterElement['importance'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-counter-importance"?: HTMLQdsBadgeCounterElement['importance'];
         /**
           * The indicator or counter badge's accessible text that will be used by screen readers.
          */
         "badgeDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-description"?: string;
         /**
           * The indicator's status.
          */
         "badgeIndicatorStatus"?: HTMLQdsBadgeIndicatorElement['status'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-indicator-status"?: HTMLQdsBadgeIndicatorElement['status'];
         /**
           * Prevents the tab from being interacted with: it cannot be selected or focused.
          */
@@ -3772,14 +4195,26 @@ declare namespace LocalJSX {
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * Displays the tab in a collapsed state without its text. The text will be displayed in a tooltip instead.  This property has no effect if the tab does not have an icon set.
          */
         "iconOnly"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-only"?: boolean;
         /**
           * The tab's importance.
          */
@@ -3788,6 +4223,10 @@ declare namespace LocalJSX {
           * The tab's indicator position.
          */
         "indicatorPosition"?: IndicatorPosition;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "indicator-position"?: IndicatorPosition;
         /**
           * Emitted when the tab loses focus.
          */
@@ -3820,30 +4259,58 @@ declare namespace LocalJSX {
           * The tag icon's accessible text that will be used by screen readers.
          */
         "tagIconDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-icon-description"?: string;
         /**
           * The name of a registered icon library.
          */
         "tagIconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-icon-library"?: string;
         /**
           * The name of the tab's tag icon to render.  Available names depend on the icon library being used.
          */
         "tagIconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-icon-name"?: string;
         /**
           * The tab's tag importance.
          */
         "tagImportance"?: HTMLQdsTagElement['importance'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-importance"?: HTMLQdsTagElement['importance'];
         /**
           * The tab's tag size.
          */
         "tagSize"?: Size;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-size"?: Size;
         /**
           * The tab's tag status.
          */
         "tagStatus"?: Status;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-status"?: Status;
         /**
           * The tab's tag text.
          */
         "tagText"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tag-text"?: string;
         /**
           * Primary text to display.
          */
@@ -3879,6 +4346,10 @@ declare namespace LocalJSX {
           * the tablist Description
          */
         "tablistDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "tablist-description"?: string;
     }
     /**
      * The `<qds-table>` element represents tabular data — that is, information
@@ -3907,11 +4378,19 @@ declare namespace LocalJSX {
           * @webnative
          */
         "colSpan"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "colspan"?: number;
         /**
           * Non-negative integer value that indicates for how many rows the cell extends. Its default value is `1`; if its value is set to `0`, it extends until the end of the table section (`<qds-table-head>` or `<qds-table-body>`, even if implicitly defined), that the cell belongs to. Values higher than 65534 are clipped down to 65534.
           * @webnative
          */
         "rowSpan"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "rowspan"?: number;
     }
     /**
      * The `<qds-table-head>` element encapsulates a set of rows (`<qds-table-row>`
@@ -3938,11 +4417,19 @@ declare namespace LocalJSX {
           * @webnative
          */
         "colSpan"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "colspan"?: number;
         /**
           * Non-negative integer value that indicates for how many rows the cell extends. Its default value is `1`; if its value is set to `0`, it extends until the end of the table section (`<qds-table-head>` or `<qds-table-body>`, even if implicitly defined), that the cell belongs to. Values higher than 65534 are clipped down to 65534.
           * @webnative
          */
         "rowSpan"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "rowspan"?: number;
         /**
           * Defines the cells that the header element relates to. It may have the following values:  - `row`: The header relates to all cells of the row it belongs to. - `col`: The header relates to all cells of the column it belongs to.  If the `scope` attribute is not specified, or its value is not `row` or `col`, then browsers automatically select the set of cells to which the header cell applies.
           * @webnative
@@ -3967,14 +4454,26 @@ declare namespace LocalJSX {
           * Provides a text description of the icon for screen readers.
          */
         "iconDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-description"?: string;
         /**
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * The tag's importance.
          */
@@ -3999,21 +4498,15 @@ declare namespace LocalJSX {
      * @see https://quartz.se.com/build/components/textarea
      */
     interface QdsTextarea {
-        /**
-          * Controls whether and how input is automatically capitalized as it is entered/edited by the user. Possible values:  - `"off"` or `"none"`: No auto-capitalization is applied (all letters default to lowercase). - `"on"` or `"sentences"`: The first letter of each sentence defaults to a capital letter; all other letters default to lowercase. - `"words"`: The first letter of each word defaults to a capital letter; all other letters default to lowercase. - `"characters"`: All letters default to uppercase.
-          * @webnative
-         */
-        "autoCapitalize"?: AutoCapitalize;
         /**
           * Indicates whether the value of the textarea can be automatically completed by the browser. Possible values:  `off`: The user must explicitly enter a value into this field for every use, or the document provides its own auto-completion method; the browser does not automatically complete the entry. `on`: The browser can automatically complete the value based on values that the user has entered during previous uses.  If the `autocomplete` attribute is not specified on a `<qds-textarea>` element, then the browser uses the `autocomplete` attribute value of the `<qds-textarea>` element's form owner. The form owner is either the [`<form>`][] element that this `<qds-textarea>` element is a descendant of or the form element whose `id` is specified by the `form` attribute of the `qds-textarea` element. For more information, see the [`autocomplete`] attribute in [`<form>`][].  [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form [`autocomplete`]: https://developer.mozilla.org/docs/Web/HTML/Element/form#autocomplete
           * @webnative
          */
         "autoComplete"?: TextAreaAutoComplete;
         /**
-          * Specify whether the input should have focus when the page loads.
-          * @webnative
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "autoFocus"?: boolean;
+        "autocomplete"?: TextAreaAutoComplete;
         /**
           * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is `20`.
           * @webnative
@@ -4051,11 +4544,19 @@ declare namespace LocalJSX {
           * @webnative
          */
         "maxLength"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "maxlength"?: number;
         /**
           * The minimum number of characters (as UTF-16 code units) the user can enter into the textarea. This must be an non-negative integer value smaller than or equal to the value specified by `maxlength`. If no `minlength` is specified, or an invalid value is specified, the textarea has no minimum length.  The textarea will fail [constraint validation][] if the length of the text entered into the field is fewer than `minlength` UTF-16 code units long, preventing form submission. See [Client-side validation][] for more information.  [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation
           * @webnative
          */
         "minLength"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "minlength"?: number;
         /**
           * The name of the textarea, which is submitted with the form data.
           * @webnative
@@ -4097,31 +4598,42 @@ declare namespace LocalJSX {
           * @webnative
          */
         "selectionDirection"?: HTMLInputElement['selectionDirection'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-direction"?: HTMLInputElement['selectionDirection'];
         /**
           * Get or set the ending position or offset of a text selection.  > **_NOTE:_** This property has no effect when used as an attribute.
           * @webnative
          */
         "selectionEnd"?: HTMLInputElement['selectionEnd'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-end"?: HTMLInputElement['selectionEnd'];
         /**
           * Get or set the starting position or offset of a text selection.  > **_NOTE:_** This property has no effect when used as an attribute.
           * @webnative
          */
         "selectionStart"?: HTMLInputElement['selectionStart'];
         /**
-          * The textarea's size.  > **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS `width` should be used instead if this functionality is needed.  [`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "size"?: Size;
+        "selection-start"?: HTMLInputElement['selectionStart'];
         /**
-          * Defines whether the textarea may be checked for spelling errors.
-          * @webnative
+          * The textarea's size.  > **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS `width` should be used instead if this functionality is needed.  [`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
          */
-        "spellCheck"?: boolean;
+        "size"?: Size;
         /**
           * The error message that would be shown to the user if the `<qds-select>` was to be checked for validity.
           * @readonly 
           * @webnative
          */
         "validationMessage"?: ElementInternals['validationMessage'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "validation-message"?: ElementInternals['validationMessage'];
         /**
           * The [`ValidityState`][] object for this `<qds-select>`.  [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
           * @readonly 
@@ -4139,6 +4651,10 @@ declare namespace LocalJSX {
           * @webnative
          */
         "willValidate"?: ElementInternals['willValidate'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "will-validate"?: ElementInternals['willValidate'];
         /**
           * Indicates how the control should wrap the value for form submission. Possible values are:  - `hard`: The browser automatically inserts line breaks (`CR+LF`) so that each line is no longer than the width of the control; the `cols` attribute must be specified for this to take effect - `soft`: The browser ensures that all line breaks in the entered value are a `CR+LF` pair, but no additional line breaks are added to the value. - `off`: Like `soft` but changes appearance to `white-space: pre` so line segments exceeding `cols` are not wrapped and the `<qds-textarea>` becomes horizontally scrollable.  If this attribute is not specified, `soft` is its default value.
           * @webnative
@@ -4157,10 +4673,18 @@ declare namespace LocalJSX {
           * The name of a registered icon library.
          */
         "iconLibrary"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-library"?: string;
         /**
           * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "icon-name"?: string;
         /**
           * Text to display for the kicker.
          */
@@ -4204,10 +4728,18 @@ declare namespace LocalJSX {
           * Disable Floating UI's [`flip` middleware](https://floating-ui.com/docs/flip).
          */
         "noFlip"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-flip"?: boolean;
         /**
           * Disable Floating UI's [`shift` middleware](https://floating-ui.com/docs/shift).
          */
         "noShift"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "no-shift"?: boolean;
         /**
           * Options to pass to Floating UI's [`offset` middleware](https://floating-ui.com/docs/offset).  The [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is not supported.
           * @see https://floating-ui.com/docs/offset#options