docs: update API documantation

Author: mrholek

packages/docs/content/api/CCarousel.api.mdx

@@ -16,6 +16,6 @@ import CCarousel from '@coreui/react/src/components/carousel/CCarousel'
 | **onSlid** | Callback fired when a slide transition end. | `(active: number, direction: string) => void` | - |
 | **onSlide** | Callback fired when a slide transition starts. | `(active: number, direction: string) => void` | - |
 | **pause** | If set to 'hover', pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it. | `boolean` \| `'hover'` | hover |
-| **touch** <br/><div class="badge bg-primary">4.5.0+</div> | Set whether the carousel should support left/right swipe interactions on touchscreen devices. | `boolean` | true |
+| **touch** **_4.5.0+_** | Set whether the carousel should support left/right swipe interactions on touchscreen devices. | `boolean` | true |
 | **transition** | Set type of the transition. | `'slide'` \| `'crossfade'` | - |
 | **wrap** | Set whether the carousel should cycle continuously or have hard stops. | `boolean` | true |

packages/docs/content/api/CFormCheck.api.mdx

@@ -9,16 +9,16 @@ import CFormCheck from '@coreui/react/src/components/form/CFormCheck'
 | --- | --- | --- | --- |
 | **button** | Create button-like checkboxes and radio buttons. | `ButtonObject` | - |
 | **className** | A string of all className you want applied to the component. | `string` | - |
-| **feedback** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackInvalid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackValid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
-| **floatingLabel** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **feedback** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackInvalid** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackValid** **_4.2.0+_** | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **floatingLabel** **_4.2.0+_** | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
 | **hitArea** | Sets hit area to the full area of the component. | `'full'` | - |
 | **id** | The id global attribute defines an identifier (ID) that must be unique in the whole document. | `string` | - |
 | **indeterminate** | Input Checkbox indeterminate Property. | `boolean` | - |
 | **inline** | Group checkboxes or radios on the same horizontal row by adding. | `boolean` | - |
 | **invalid** | Set component validation state to invalid. | `boolean` | - |
 | **label** | The element represents a caption for a component. | `ReactNode` | - |
-| **tooltipFeedback** <br/><div class="badge bg-primary">4.2.0+</div> | Display validation feedback in a styled tooltip. | `boolean` | - |
+| **tooltipFeedback** **_4.2.0+_** | Display validation feedback in a styled tooltip. | `boolean` | - |
 | **type** | Specifies the type of component. | `'checkbox'` \| `'radio'` | checkbox |
 | **valid** | Set component validation state to valid. | `boolean` | - |

packages/docs/content/api/CFormControlValidation.api.mdx

@@ -7,10 +7,10 @@ import CFormControlValidation from '@coreui/react/src/components/form/CFormContr
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
-| **feedback** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackInvalid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackValid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
-| **floatingLabel** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **feedback** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackInvalid** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackValid** **_4.2.0+_** | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **floatingLabel** **_4.2.0+_** | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
 | **invalid** | Set component validation state to invalid. | `boolean` | - |
-| **tooltipFeedback** <br/><div class="badge bg-primary">4.2.0+</div> | Display validation feedback in a styled tooltip. | `boolean` | - |
+| **tooltipFeedback** **_4.2.0+_** | Display validation feedback in a styled tooltip. | `boolean` | - |
 | **valid** | Set component validation state to valid. | `boolean` | - |

packages/docs/content/api/CFormControlWrapper.api.mdx

@@ -7,13 +7,13 @@ import CFormControlWrapper from '@coreui/react/src/components/form/CFormControlW
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
-| **feedback** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackInvalid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackValid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
-| **floatingClassName** <br/><div class="badge bg-primary">4.5.0+</div> | A string of all className you want applied to the floating label wrapper. | `string` | - |
-| **floatingLabel** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **feedback** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackInvalid** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackValid** **_4.2.0+_** | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **floatingClassName** **_4.5.0+_** | A string of all className you want applied to the floating label wrapper. | `string` | - |
+| **floatingLabel** **_4.2.0+_** | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
 | **invalid** | Set component validation state to invalid. | `boolean` | - |
-| **label** <br/><div class="badge bg-primary">4.2.0+</div> | Add a caption for a component. | `ReactNode` | - |
-| **text** <br/><div class="badge bg-primary">4.2.0+</div> | Add helper text to the component. | `ReactNode` | - |
-| **tooltipFeedback** <br/><div class="badge bg-primary">4.2.0+</div> | Display validation feedback in a styled tooltip. | `boolean` | - |
+| **label** **_4.2.0+_** | Add a caption for a component. | `ReactNode` | - |
+| **text** **_4.2.0+_** | Add helper text to the component. | `ReactNode` | - |
+| **tooltipFeedback** **_4.2.0+_** | Display validation feedback in a styled tooltip. | `boolean` | - |
 | **valid** | Set component validation state to valid. | `boolean` | - |

packages/docs/content/api/CFormInput.api.mdx

@@ -10,19 +10,19 @@ import CFormInput from '@coreui/react/src/components/form/CFormInput'
 | **className** | A string of all className you want applied to the component. | `string` | - |
 | **delay** | Delay onChange event while typing. If set to true onChange event will be delayed 500ms, you can also provide the number of milliseconds you want to delay the onChange event. | `number` \| `boolean` | false |
 | **disabled** | Toggle the disabled state for the component. | `boolean` | - |
-| **feedback** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackInvalid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackValid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
-| **floatingClassName** <br/><div class="badge bg-primary">4.5.0+</div> | A string of all className you want applied to the floating label wrapper. | `string` | - |
-| **floatingLabel** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **feedback** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackInvalid** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackValid** **_4.2.0+_** | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **floatingClassName** **_4.5.0+_** | A string of all className you want applied to the floating label wrapper. | `string` | - |
+| **floatingLabel** **_4.2.0+_** | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
 | **invalid** | Set component validation state to invalid. | `boolean` | - |
-| **label** <br/><div class="badge bg-primary">4.2.0+</div> | Add a caption for a component. | `ReactNode` | - |
+| **label** **_4.2.0+_** | Add a caption for a component. | `ReactNode` | - |
 | **onChange** | Method called immediately after the `value` prop changes. | `ChangeEventHandler<HTMLInputElement>` | - |
 | **plainText** | 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` | `boolean` | - |
 | **readOnly** | Toggle the readonly state for the component. | `boolean` | - |
 | **size** | Size the component small or large. | `'sm'` \| `'lg'` | - |
-| **text** <br/><div class="badge bg-primary">4.2.0+</div> | Add helper text to the component. | `ReactNode` | - |
-| **tooltipFeedback** <br/><div class="badge bg-primary">4.2.0+</div> | Display validation feedback in a styled tooltip. | `boolean` | - |
+| **text** **_4.2.0+_** | Add helper text to the component. | `ReactNode` | - |
+| **tooltipFeedback** **_4.2.0+_** | Display validation feedback in a styled tooltip. | `boolean` | - |
 | **type** | Specifies the type of component. | `string` | text |
 | **valid** | Set component validation state to valid. | `boolean` | - |
 | **value** | The `value` attribute of component. | `string` \| `number` \| `string[]` | - |

packages/docs/content/api/CFormRange.api.mdx

@@ -9,7 +9,7 @@ import CFormRange from '@coreui/react/src/components/form/CFormRange'
 | --- | --- | --- | --- |
 | **className** | A string of all className you want applied to the component. | `string` | - |
 | **disabled** | Toggle the disabled state for the component. | `boolean` | - |
-| **label** <br/><div class="badge bg-primary">4.2.0+</div> | Add a caption for a component. | `ReactNode` | - |
+| **label** **_4.2.0+_** | Add a caption for a component. | `ReactNode` | - |
 | **max** | Specifies the maximum value for the component. | `number` | - |
 | **min** | Specifies the minimum value for the component. | `number` | - |
 | **onChange** | Method called immediately after the `value` prop changes. | `ChangeEventHandler<HTMLInputElement>` | - |

packages/docs/content/api/CFormSelect.api.mdx

@@ -8,18 +8,18 @@ import CFormSelect from '@coreui/react/src/components/form/CFormSelect'
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | **className** | A string of all className you want applied to the component. | `string` | - |
-| **feedback** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackInvalid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackValid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
-| **floatingClassName** <br/><div class="badge bg-primary">4.5.0+</div> | A string of all className you want applied to the floating label wrapper. | `string` | - |
-| **floatingLabel** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **feedback** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackInvalid** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackValid** **_4.2.0+_** | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **floatingClassName** **_4.5.0+_** | A string of all className you want applied to the floating label wrapper. | `string` | - |
+| **floatingLabel** **_4.2.0+_** | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
 | **htmlSize** | Specifies the number of visible options in a drop-down list. | `number` | - |
 | **invalid** | Set component validation state to invalid. | `boolean` | - |
-| **label** <br/><div class="badge bg-primary">4.2.0+</div> | Add a caption for a component. | `ReactNode` | - |
+| **label** **_4.2.0+_** | Add a caption for a component. | `ReactNode` | - |
 | **onChange** | Method called immediately after the `value` prop changes. | `ChangeEventHandler<HTMLSelectElement>` | - |
 | **options** | Options list of the select component. Available keys: `label`, `value`, `disabled`.<br/>Examples:<br/>- `options={[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]}`<br/>- `options={['js', 'html']}` | `Option[]` \| `string[]` | - |
 | **size** | Size the component small or large. | `'sm'` \| `'lg'` | - |
-| **text** <br/><div class="badge bg-primary">4.2.0+</div> | Add helper text to the component. | `ReactNode` | - |
-| **tooltipFeedback** <br/><div class="badge bg-primary">4.2.0+</div> | Display validation feedback in a styled tooltip. | `boolean` | - |
+| **text** **_4.2.0+_** | Add helper text to the component. | `ReactNode` | - |
+| **tooltipFeedback** **_4.2.0+_** | Display validation feedback in a styled tooltip. | `boolean` | - |
 | **valid** | Set component validation state to valid. | `boolean` | - |
 | **value** | The `value` attribute of component. | `string` \| `number` \| `string[]` | - |

packages/docs/content/api/CFormTextarea.api.mdx

@@ -9,17 +9,17 @@ import CFormTextarea from '@coreui/react/src/components/form/CFormTextarea'
 | --- | --- | --- | --- |
 | **className** | A string of all className you want applied to the component. | `string` | - |
 | **disabled** | Toggle the disabled state for the component. | `boolean` | - |
-| **feedback** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackInvalid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable feedback. | `ReactNode` | - |
-| **feedbackValid** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
-| **floatingClassName** <br/><div class="badge bg-primary">4.5.0+</div> | A string of all className you want applied to the floating label wrapper. | `string` | - |
-| **floatingLabel** <br/><div class="badge bg-primary">4.2.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **feedback** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackInvalid** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
+| **feedbackValid** **_4.2.0+_** | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
+| **floatingClassName** **_4.5.0+_** | A string of all className you want applied to the floating label wrapper. | `string` | - |
+| **floatingLabel** **_4.2.0+_** | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
 | **invalid** | Set component validation state to invalid. | `boolean` | - |
-| **label** <br/><div class="badge bg-primary">4.2.0+</div> | Add a caption for a component. | `ReactNode` | - |
+| **label** **_4.2.0+_** | Add a caption for a component. | `ReactNode` | - |
 | **onChange** | Method called immediately after the `value` prop changes. | `ChangeEventHandler<HTMLTextAreaElement>` | - |
 | **plainText** | 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`. | `boolean` | - |
 | **readOnly** | Toggle the readonly state for the component. | `boolean` | - |
-| **text** <br/><div class="badge bg-primary">4.2.0+</div> | Add helper text to the component. | `ReactNode` | - |
-| **tooltipFeedback** <br/><div class="badge bg-primary">4.2.0+</div> | Display validation feedback in a styled tooltip. | `boolean` | - |
+| **text** **_4.2.0+_** | Add helper text to the component. | `ReactNode` | - |
+| **tooltipFeedback** **_4.2.0+_** | Display validation feedback in a styled tooltip. | `boolean` | - |
 | **valid** | Set component validation state to valid. | `boolean` | - |
 | **value** | The `value` attribute of component. | `string` \| `number` \| `string[]` | - |

packages/docs/content/api/CIcon.api.mdx

@@ -8,11 +8,11 @@ import CIcon from '@coreui/icons-react/src/CIcon'
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | **className** | A string of all className you want applied to the component. | `string` | - |
-| **content** <br/><div class="badge bg-warning">Deprecated 3.0+</div> | Use `icon={...}` instead of | `string` \| `string[]` | - |
+| **content** **_Deprecated 3.0+_** | Use `icon={...}` instead of | `string` \| `string[]` | - |
 | **customClassName** | Use for replacing default CIcon component classes. Prop is overriding the 'size' prop. | `string` \| `object` \| `string[]` | - |
 | **height** | The height attribute defines the vertical length of an icon. | `number` | - |
 | **icon** | Name of the icon placed in React object or SVG content. | `string` \| `string[]` | - |
-| **name** <br/><div class="badge bg-warning">Deprecated 3.0+</div> | Use `icon="..."` instead of | `string` | - |
+| **name** **_Deprecated 3.0+_** | Use `icon="..."` instead of | `string` | - |
 | **size** | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | `'custom'` \| `'custom-size'` \| `'sm'` \| `'lg'` \| `'xl'` \| `'xxl'` \| `'3xl'` \| `'4xl'` \| `'5xl'` \| `'6xl'` \| `'7xl'` \| `'8xl'` \| `'9xl'` | - |
 | **title** | Title tag content. | `string` | - |
 | **use** | If defined component will be rendered using 'use' tag. | `string` | - |