fix: change HTMLAttributes to InputHTMLAttributes

Author: mrholek

src/components/form/CFormCheck.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
+import React, { forwardRef, InputHTMLAttributes, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
@@ -31,7 +31,7 @@ export type ButtonObject = {
   variant?: 'outline' | 'ghost'
 }
 
-export interface CFormCheckProps extends HTMLAttributes<HTMLInputElement> {
+export interface CFormCheckProps extends InputHTMLAttributes<HTMLInputElement> {
   /**
    * Create button-like checkboxes and radio buttons. [docs]
    */

src/components/form/CFormInput.tsx

@@ -1,9 +1,9 @@
-import React, { ChangeEventHandler, forwardRef, HTMLAttributes } from 'react'
+import React, { ChangeEventHandler, forwardRef, InputHTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 // import { CFormLabel } from './CFormLabel'
 
-export interface CFormInputProps extends HTMLAttributes<HTMLInputElement> {
+export interface CFormInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
   /**
    * A string of all className you want applied to the component. [docs]
    */

src/components/form/CFormRange.tsx

@@ -1,8 +1,8 @@
-import React, { ChangeEventHandler, forwardRef, HTMLAttributes } from 'react'
+import React, { ChangeEventHandler, forwardRef, InputHTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-export interface CFormRangeProps extends HTMLAttributes<HTMLInputElement> {
+export interface CFormRangeProps extends InputHTMLAttributes<HTMLInputElement> {
   /**
    * A string of all className you want applied to the component. [docs]
    */

src/components/form/CFormSelect.tsx

@@ -1,8 +1,8 @@
-import React, { forwardRef, HTMLAttributes } from 'react'
+import React, { forwardRef, InputHTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-export interface CFormSelectProps extends HTMLAttributes<HTMLSelectElement> {
+export interface CFormSelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'size'> {
   /**
    * A string of all className you want applied to the component. [docs]
    */

src/components/form/CFormSwitch.tsx

@@ -1,10 +1,10 @@
-import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
+import React, { forwardRef, InputHTMLAttributes, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
 import { CFormLabel } from './CFormLabel'
 
-export interface CFormSwitchProps extends HTMLAttributes<HTMLInputElement> {
+export interface CFormSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
   /**
    * A string of all className you want applied to the component. [docs]
    */

src/components/form/CFormTextarea.tsx

@@ -1,8 +1,8 @@
-import React, { ChangeEventHandler, forwardRef, HTMLAttributes } from 'react'
+import React, { ChangeEventHandler, forwardRef, InputHTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-export interface CFormTextareaProps extends HTMLAttributes<HTMLTextAreaElement> {
+export interface CFormTextareaProps extends InputHTMLAttributes<HTMLTextAreaElement> {
   /**
    * A string of all className you want applied to the component. [docs]
    */
@@ -20,7 +20,7 @@ export interface CFormTextareaProps extends HTMLAttributes<HTMLTextAreaElement>
    */
   onChange?: ChangeEventHandler<HTMLTextAreaElement>
   /**
-   * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly` [docs]
+   * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. [docs]
    */
   plainText?: boolean
   /**