Rename aria* attributes on Dropdown, Autocomplete, Listbox and MultiSelect

api-generator/components/autocomplete.js

@@ -216,13 +216,13 @@ const AutoCompleteProps = [
         description: "Index of the element in tabbing order."
     },
     {
-        name: "ariaLabel",
+        name: "aria-label",
         type: "string",
         default: "null",
         description: "Defines a string value that labels an interactive element."
     },
     {
-        name: "ariaLabelledby",
+        name: "aria-labelledby",
         type: "string",
         default: "null",
         description: "Identifier of the underlying input element."

api-generator/components/dropdown.js

@@ -228,13 +228,13 @@ const DropdownProps = [
         description: "Index of the element in tabbing order."
     },
     {
-        name: "ariaLabel",
+        name: "aria-label",
         type: "string",
         default: "null",
         description: "Defines a string value that labels an interactive element."
     },
     {
-        name: "ariaLabelledby",
+        name: "aria-labelledby",
         type: "string",
         default: "null",
         description: "Identifier of the underlying input element."

api-generator/components/listbox.js

@@ -156,13 +156,13 @@ const ListboxProps = [
         description: "Index of the element in tabbing order."
     },
     {
-        name: "ariaLabel",
+        name: "aria-label",
         type: "string",
         default: "null",
         description: "Defines a string value that labels an interactive element."
     },
     {
-        name: "ariaLabelledby",
+        name: "aria-labelledby",
         type: "string",
         default: "null",
         description: "Identifier of the underlying input element."

api-generator/components/multiselect.js

@@ -246,13 +246,13 @@ const MultiSelectProps = [
         description: "Index of the element in tabbing order."
     },
     {
-        name: "ariaLabel",
+        name: "aria-label",
         type: "string",
         default: "null",
         description: "Defines a string value that labels an interactive element."
     },
     {
-        name: "ariaLabelledby",
+        name: "aria-labelledby",
         type: "string",
         default: "null",
         description: "Identifier of the underlying input element."

src/components/autocomplete/AutoComplete.d.ts

@@ -233,11 +233,11 @@ export interface AutoCompleteProps {
     /**
      * Defines a string value that labels an interactive element.
      */
-    ariaLabel?: string | undefined;
+    "aria-label"?: string | undefined;
     /**
      * Identifier of the underlying input element.
      */
-    ariaLabelledby?: string | undefined;
+    "aria-labelledby"?: string | undefined;
 }
 
 export interface AutoCompleteSlots {

src/components/autocomplete/AutoComplete.vue

@@ -178,11 +178,11 @@ export default {
             type: Number,
             default: 0
         },
-        ariaLabel: {
+        "aria-label": {
             type: String,
             default: null
         },
-        ariaLabelledby: {
+        "aria-labelledby": {
             type: String,
             default: null
         }

src/components/dropdown/Dropdown.d.ts

@@ -210,11 +210,11 @@ export interface DropdownProps extends HTMLDivElement {
     /**
      * Defines a string value that labels an interactive element.
      */
-    ariaLabel?: string | undefined;
+    "aria-label"?: string | undefined;
     /**
      * Identifier of the underlying input element.
      */
-    ariaLabelledby?: string | undefined;
+    "aria-labelledby"?: string | undefined;
 }
 
 export interface DropdownSlots {

src/components/dropdown/Dropdown.vue

@@ -164,11 +164,11 @@ export default {
             type: Number,
             default: 0
         },
-        ariaLabel: {
+        "aria-label": {
             type: String,
             default: null
         },
-        ariaLabelledby: {
+        "aria-labelledby": {
             type: String,
             default: null
         }

src/components/listbox/Listbox.d.ts

@@ -154,11 +154,11 @@ export interface ListboxProps {
     /**
      * Defines a string value that labels an interactive element.
      */
-    ariaLabel?: string | undefined;
+    "aria-label"?: string | undefined;
     /**
      * Identifier of the underlying input element.
      */
-    ariaLabelledby?: string | undefined;
+    "aria-labelledby"?: string | undefined;
 }
 
 export interface ListboxSlots {

src/components/listbox/Listbox.vue

@@ -120,11 +120,11 @@ export default {
             type: Number,
             default: 0
         },
-        ariaLabel: {
+        "aria-label": {
             type: String,
             default: null
         },
-        ariaLabelledby: {
+        "aria-labelledby": {
             type: String,
             default: null
         }

src/components/multiselect/MultiSelect.d.ts

@@ -234,11 +234,11 @@ export interface MultiSelectProps extends HTMLDivElement {
     /**
      * Defines a string value that labels an interactive element.
      */
-    ariaLabel?: string | undefined;
+    "aria-label"?: string | undefined;
     /**
      * Identifier of the underlying input element.
      */
-    ariaLabelledby?: string | undefined;
+    "aria-labelledby"?: string | undefined;
 }
 
 export interface MultiSelectSlots {

src/components/multiselect/MultiSelect.vue

@@ -221,11 +221,11 @@ export default {
             type: Number,
             default: 0
         },
-        ariaLabel: {
+        "aria-label": {
             type: String,
             default: null
         },
-        ariaLabelledby: {
+        "aria-labelledby": {
             type: String,
             default: null
         }

src/views/autocomplete/AutoCompleteDoc.vue

@@ -365,13 +365,13 @@ export default {
                         <td>Index of the element in tabbing order.</td>
                     </tr>
                     <tr>
-                        <td>ariaLabel</td>
+                        <td>aria-label</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Defines a string value that labels an interactive element.</td>
                     </tr>
                     <tr>
-                        <td>ariaLabelledby</td>
+                        <td>aria-labelledby</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>

src/views/dropdown/DropdownDoc.vue

@@ -361,13 +361,13 @@ export default {
                         <td>Index of the element in tabbing order.</td>
                     </tr>
                     <tr>
-                        <td>ariaLabel</td>
+                        <td>aria-label</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Defines a string value that labels an interactive element.</td>
                     </tr>
                     <tr>
-                        <td>ariaLabelledby</td>
+                        <td>aria-labelledby</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>

src/views/listbox/ListboxDoc.vue

@@ -286,13 +286,13 @@ export default {
                         <td>Index of the element in tabbing order.</td>
                     </tr>
                     <tr>
-                        <td>ariaLabel</td>
+                        <td>aria-label</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Defines a string value that labels an interactive element.</td>
                     </tr>
                     <tr>
-                        <td>ariaLabelledby</td>
+                        <td>aria-labelledby</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>

src/views/multiselect/MultiSelectDoc.vue

@@ -388,13 +388,13 @@ export default {
                         <td>Index of the element in tabbing order.</td>
                     </tr>
                     <tr>
-                        <td>ariaLabel</td>
+                        <td>aria-label</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Defines a string value that labels an interactive element.</td>
                     </tr>
                     <tr>
-                        <td>ariaLabelledby</td>
+                        <td>aria-labelledby</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>