diff --git a/app/client/src/comments/CommentThread/CommentThread.tsx b/app/client/src/comments/CommentThread/CommentThread.tsx
index 6fa61ba13e..9cf5f67790 100644
--- a/app/client/src/comments/CommentThread/CommentThread.tsx
+++ b/app/client/src/comments/CommentThread/CommentThread.tsx
@@ -30,7 +30,8 @@ import { getViewModePageList } from "selectors/editorSelectors";
import { APP_MODE } from "entities/App";
const ThreadContainer = styled(animated.div).withConfig({
- shouldForwardProp: (prop) => !["visible", "inline"].includes(prop),
+ shouldForwardProp: (prop) =>
+ !["visible", "inline", "maxHeight"].includes(prop),
})<{
visible?: boolean;
inline?: boolean;
diff --git a/app/client/src/components/ads/TextInput.tsx b/app/client/src/components/ads/TextInput.tsx
index cf5779753a..10a445656a 100644
--- a/app/client/src/components/ads/TextInput.tsx
+++ b/app/client/src/components/ads/TextInput.tsx
@@ -10,6 +10,7 @@ import {
import { isEmail } from "utils/formhelpers";
import { AsyncControllableInput } from "@blueprintjs/core/lib/esm/components/forms/asyncControllableInput";
+import _ from "lodash";
export type Validator = (
value: string,
@@ -85,16 +86,26 @@ const boxStyles = (
const StyledInput = styled((props) => {
// we are removing non input related props before passing them in the components
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
- const { dataType, inputRef, inputStyle, theme, ...inputProps } = props;
+ // eslint-disable @typescript-eslint/no-unused-vars
+ const { dataType, inputRef, ...inputProps } = props;
+
+ const omitProps = [
+ "inputStyle",
+ "rightSideComponentWidth",
+ "theme",
+ "validator",
+ "isValid",
+ "cypressSelector",
+ ];
+
return props.asyncControl ? (
) : (
-
+
);
})<
TextInputProps & {
diff --git a/app/client/src/components/designSystems/appsmith/IconButtonComponent.tsx b/app/client/src/components/designSystems/appsmith/IconButtonComponent.tsx
index 38368a6bf1..4a100a934c 100644
--- a/app/client/src/components/designSystems/appsmith/IconButtonComponent.tsx
+++ b/app/client/src/components/designSystems/appsmith/IconButtonComponent.tsx
@@ -7,6 +7,7 @@ import { IconName } from "@blueprintjs/icons";
import { ComponentProps } from "components/designSystems/appsmith/BaseComponent";
import { ThemeProp } from "components/ads/common";
import { WIDGET_PADDING } from "constants/WidgetConstants";
+import _ from "lodash";
import {
ButtonBorderRadius,
ButtonBorderRadiusTypes,
@@ -34,7 +35,19 @@ export interface ButtonStyleProps {
hasOnClickAction?: boolean;
}
-export const StyledButton = styled(Button)`
+export const StyledButton = styled((props) => (
+
+))`
background-image: none !important;
height: ${({ dimension }) => (dimension ? `${dimension}px` : "auto")};
diff --git a/app/client/src/components/designSystems/blueprint/ButtonComponent.tsx b/app/client/src/components/designSystems/blueprint/ButtonComponent.tsx
index f2b1f5c518..8ba73da4db 100644
--- a/app/client/src/components/designSystems/blueprint/ButtonComponent.tsx
+++ b/app/client/src/components/designSystems/blueprint/ButtonComponent.tsx
@@ -23,6 +23,7 @@ import {
import { ThemeProp, Variant } from "components/ads/common";
import { Toaster } from "components/ads/Toast";
import ReCAPTCHA from "react-google-recaptcha";
+import _ from "lodash";
import {
ButtonBoxShadow,
ButtonBoxShadowTypes,
@@ -163,7 +164,19 @@ const ButtonContainer = styled.div`
}
`;
-const StyledButton = styled(Button)`
+const StyledButton = styled((props) => (
+
+))`
height: 100%;
background-image: none !important;
font-weight: ${(props) => props.theme.fontWeights[2]};
diff --git a/app/client/src/components/designSystems/blueprint/InputComponent/index.tsx b/app/client/src/components/designSystems/blueprint/InputComponent/index.tsx
index 3565b6c21d..1b5d04d0f6 100644
--- a/app/client/src/components/designSystems/blueprint/InputComponent/index.tsx
+++ b/app/client/src/components/designSystems/blueprint/InputComponent/index.tsx
@@ -52,7 +52,20 @@ import {
*/
const InputComponentWrapper = styled((props) => (
-
+
))<{
numeric: boolean;
multiline: string;