tests: update snapshots

Author: mrholek

packages/coreui-react/src/components/carousel/CCarousel.tsx

@@ -235,7 +235,7 @@ export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(
           <div className="carousel-inner">
             {Children.map(children, (child, index) => {
               if (React.isValidElement(child)) {
-                return React.cloneElement(child, {
+                return React.cloneElement(child as React.ReactElement<any>, {
                   active: active === index ? true : false,
                   direction: direction,
                   key: index,

packages/coreui-react/src/components/dropdown/CDropdownToggle.tsx

@@ -75,7 +75,7 @@ export const CDropdownToggle: FC<CDropdownToggleProps> = ({
   const Toggler = (ref?: React.Ref<any>) => {
     return custom && React.isValidElement(children) ? (
       <>
-        {React.cloneElement(children, {
+        {React.cloneElement(children as React.ReactElement<any>, {
           'aria-expanded': visible,
           ...(!rest.disabled && { ...triggers }),
           ref: useForkedRef(ref, dropdownToggleRef),

packages/coreui-react/src/components/nav/CNavGroup.tsx

@@ -124,7 +124,10 @@ export const CNavGroup = forwardRef<HTMLLIElement, CNavGroupProps>(
             >
               {React.Children.map(children, (child, index) => {
                 if (React.isValidElement(child)) {
-                  return React.cloneElement(child, { key: index, idx: `${idx}.${index}` })
+                  return React.cloneElement(child as React.ReactElement<any>, {
+                    key: index,
+                    idx: `${idx}.${index}`,
+                  })
                 }
                 return
               })}

packages/coreui-react/src/components/sidebar/CSidebarNav.tsx

@@ -29,7 +29,10 @@ export const CSidebarNav = forwardRef<HTMLUListElement, CSidebarNavProps>(
         <CNavContext.Provider value={CNavContextValues}>
           {React.Children.map(children, (child, index) => {
             if (React.isValidElement(child)) {
-              return React.cloneElement(child, { key: index, idx: `${index}` })
+              return React.cloneElement(child as React.ReactElement<any>, {
+                key: index,
+                idx: `${index}`,
+              })
             }
             return
           })}

packages/coreui-react/src/components/toast/__tests__/__snapshots__/CToast.spec.tsx.snap

@@ -53,6 +53,19 @@ exports[`CToast customize 4`] = `
 `;
 
 exports[`CToast customize 5`] = `
+<div>
+  <div
+    aria-atomic="true"
+    aria-live="assertive"
+    class="toast fade bg-warning border-0 bazinga showing"
+    role="alert"
+  >
+    Test
+  </div>
+</div>
+`;
+
+exports[`CToast customize 6`] = `
 <div>
   <div
     aria-atomic="true"

packages/docs/content/4.3/api/CTable.api.mdx

@@ -7,7 +7,7 @@ import CTable from '@coreui/react/src/components/table/CTable'
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
-| **align** | Set the vertical aligment. | `'bottom'` \| `'middle'` \| `'top'` | - |
+| **align** | Set the vertical aligment. | `string` | - |
 | **borderColor** | Sets the border color of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
 | **bordered** | Add borders on all sides of the table and cells. | `boolean` | - |
 | **borderless** | Remove borders on all sides of the table and cells. | `boolean` | - |

packages/docs/content/4.3/api/CTableDataCell.api.mdx

@@ -8,6 +8,6 @@ import CTableDataCell from '@coreui/react/src/components/table/CTableDataCell'
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | **active** | Highlight a table row or cell. | `boolean` | - |
-| **align** | Set the vertical aligment. | `'bottom'` \| `'middle'` \| `'top'` | - |
+| **align** | Set the vertical aligment. | `string` | - |
 | **className** | A string of all className you want applied to the component. | `string` | - |
 | **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |

packages/docs/content/4.3/api/CTableResponsiveWrapper.api.mdx

@@ -0,0 +1,10 @@
+
+```jsx
+import { CTableResponsiveWrapper } from '@coreui/react'
+// or
+import CTableResponsiveWrapper from '@coreui/react/src/components/table/CTableResponsiveWrapper'
+```
+
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| **responsive** | Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. | `boolean` \| `'sm'` \| `'md'` \| `'lg'` \| `'xl'` \| `'xxl'` | - |

packages/docs/content/4.3/api/CTableRow.api.mdx

@@ -8,6 +8,6 @@ import CTableRow from '@coreui/react/src/components/table/CTableRow'
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | **active** | Highlight a table row or cell.. | `boolean` | - |
-| **align** | Set the vertical aligment. | `'bottom'` \| `'middle'` \| `'top'` | - |
+| **align** | Set the vertical aligment. | `string` | - |
 | **className** | A string of all className you want applied to the component. | `string` | - |
 | **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |