@workday/canvas-kit-react 8.0.0-alpha.111-next.0 → 8.0.0-alpha.121-next.2

package/tabs/lib/useTabsModel.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {createModelHook} from '@workday/canvas-kit-react/common';
+import {createModelHook, useModalityType} from '@workday/canvas-kit-react/common';
 import {
   defaultGetId,
   useListModel,
@@ -35,11 +35,13 @@ export const useTabsModel = createModelHook({
 })(config => {
   const initialSelectedRef = React.useRef(config.initialTab);
   const getId = config.getId || defaultGetId;
+  const modality = useModalityType();
 
   const items = config.items;
 
   const model = useOverflowListModel(
     useOverflowListModel.mergeConfig(config, {
+      shouldCalculateOverflow: modality !== 'touch',
       orientation: config.orientation || 'horizontal',
       items,
       onRegisterItem(data) {

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>}