refactor(Checkbox, DataList, MenuToggle, Radio)!: Removed valid/invalid attributes. Use aria-invalid instead.

Author: mtorromeo

packages/core/src/components/Checkbox.vue

@@ -67,8 +67,6 @@ export interface Props extends OUIAProps, /* @vue-ignore */ Omit<InputHTMLAttrib
   disabled?: boolean;
   /** Flag to show if the checkbox is required. */
   required?: boolean;
-  /** Flag to show if the checkbox selection is valid or invalid. */
-  valid?: boolean;
   /** Id of the checkbox. */
   id?: string;
   /** Label text of the checkbox. */

packages/core/src/components/DataList/DataListCheck.vue

@@ -5,8 +5,6 @@
         v-bind="$attrs"
         v-model="managedChecked"
         type="checkbox"
-        :disabled="disabled"
-        :aria-invalid="invalid"
       >
     </div>
   </component>
@@ -23,10 +21,8 @@ defineOptions({
   inheritAttrs: false,
 });
 
-export interface Props extends OUIAProps, /* @vue-ignore */ InputHTMLAttributes {
+export interface Props extends OUIAProps, /* @vue-ignore */ Omit<InputHTMLAttributes, 'type'> {
   otherControls?: boolean;
-  disabled?: boolean;
-  invalid?: boolean;
   checked?: boolean;
 }
 

packages/core/src/components/MenuToggle/MenuToggleCheckbox.vue

@@ -5,7 +5,6 @@
       :ref="(el) => (el as HTMLInputElement).indeterminate = checked === null"
       :class="styles.checkInput"
       type="checkbox"
-      :aria-invalid="!valid"
       :checked="Boolean(checked)"
     >
   </label>
@@ -22,9 +21,6 @@ defineOptions({
 });
 
 export interface Props extends OUIAProps, /* @vue-ignore */ Omit<InputHTMLAttributes, 'checked'> {
-  /** Flag to show if the checkbox selection is valid or invalid */
-  valid?: boolean;
-
   /** Flag to show if the checkbox is checked. Use null to set the checkbox indeterminate state */
   checked?: boolean | null;
 }

packages/core/src/components/Radio.vue

@@ -27,7 +27,6 @@
         v-bind="$attrs"
         type="radio"
         :class="styles.radioInput"
-        :aria-invalid="!valid"
         :disabled="disabled"
         :checked="checked"
         :aria-label="(label || $slots.label) ? undefined : ariaLabel"
@@ -60,7 +59,7 @@ defineOptions({
   inheritAttrs: false,
 });
 
-export interface Props extends OUIAProps, /* @vue-ignore */ Omit<InputHTMLAttributes, 'type' | 'aria-invalid'> {
+export interface Props extends OUIAProps, /* @vue-ignore */ Omit<InputHTMLAttributes, 'type'> {
   component?: string | Component;
   /** Id of the radio. */
   id?: string;
@@ -70,8 +69,6 @@ export interface Props extends OUIAProps, /* @vue-ignore */ Omit<InputHTMLAttrib
   checked?: boolean;
   /** Flag to show if the radio is disabled. */
   disabled?: boolean;
-  /** Flag to show if the radio selection is valid or invalid. */
-  valid?: boolean;
   /** Label text of the radio. */
   label?: string;
   /** Aria label for the radio. */