@workday/canvas-kit-react 7.2.0-next.0 → 8.0.0-alpha.118-next.1

package/popup/lib/hooks/useTransferOnFullscreenEnter.ts

@@ -16,7 +16,7 @@ import {usePopupModel} from './usePopupModel';
  */
 export const useTransferOnFullscreenEnter = createElemPropsHook(usePopupModel)(model => {
   const handler = React.useCallback(
-    event => {
+    (event: any) => {
       if (screenfull.isFullscreen && model.state.stackRef.current) {
         PopupStack.transferToCurrentContext({
           element: model.state.stackRef.current,

package/popup/lib/hooks/useTransferOnFullscreenExit.ts

@@ -15,7 +15,7 @@ import {usePopupModel} from './usePopupModel';
  */
 export const useTransferOnFullscreenExit = createElemPropsHook(usePopupModel)(model => {
   const handler = React.useCallback(
-    event => {
+    (event: any) => {
       if (!screenfull.isFullscreen && model.state.stackRef.current) {
         PopupStack.transferToCurrentContext({
           element: model.state.stackRef.current,

package/tabs/lib/TabsList.tsx

@@ -20,7 +20,8 @@ import {
 import {useTabsModel} from './useTabsModel';
 
 // Use `Partial` here to make `spacing` optional
-export interface TabListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
+export interface TabListProps<T = any>
+  extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
   /**
    * If items are passed to a `TabsModel`, the child of `Tabs.List` should be a render prop. The
    * List will determine how and when the item will be rendered.

package/tabs/lib/TabsPanel.tsx

@@ -14,7 +14,7 @@ import {Box} from '@workday/canvas-kit-react/layout';
 
 import {useTabsModel} from './useTabsModel';
 
-export interface TabPanelProps<T = unknown> extends ExtractProps<typeof Box, never> {
+export interface TabPanelProps extends ExtractProps<typeof Box, never> {
   /**
    * The contents of the TabPanel.
    */

package/tabs/lib/TabsPanels.tsx

@@ -5,7 +5,7 @@ import {useListRenderItems} from '@workday/canvas-kit-react/collection';
 
 import {useTabsModel} from './useTabsModel';
 
-export interface TabsPanelsProps<T = unknown> {
+export interface TabsPanelsProps<T = any> {
   /**
    *
    */

package/text-input/lib/InputIconContainer.tsx

@@ -19,11 +19,9 @@ const IconContainer = styled('div')({
   right: space.xxs,
 });
 
-const InputIconContainer: React.FunctionComponent<InputIconContainerProps> = ({
-  grow,
-  children,
-  icon,
-}) => (
+const InputIconContainer: React.FunctionComponent<React.PropsWithChildren<
+  InputIconContainerProps
+>> = ({grow, children, icon}) => (
   <Container grow={grow}>
     {children}
     {icon && <IconContainer>{icon}</IconContainer>}