diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx index 43275a2bd..56d4fa950 100644 --- a/src/components/Button/Button.stories.tsx +++ b/src/components/Button/Button.stories.tsx @@ -132,7 +132,7 @@ FullWidth.args = { disabled: false, label: "Test Button", variant: "secondary", - fullWidth: true, + fullwidth: true, icon: , }; diff --git a/src/components/Button/Button.types.ts b/src/components/Button/Button.types.ts index 1f05c779b..97cca3b74 100644 --- a/src/components/Button/Button.types.ts +++ b/src/components/Button/Button.types.ts @@ -37,7 +37,7 @@ export interface ButtonProps { icon?: ReactNode; iconLocation?: "start" | "end"; secondaryIcon?: ReactNode; - fullWidth?: boolean; + fullwidth?: boolean; collapseOnSmall?: boolean; onClick?: MouseEventHandler; children?: ReactNode | string; diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx index 6c3340c81..213f7c4e0 100644 --- a/src/components/Button/index.tsx +++ b/src/components/Button/index.tsx @@ -31,7 +31,7 @@ const Button: FC< iconLocation = "start", secondaryIcon, onClick, - fullWidth, + fullwidth, collapseOnSmall = true, children, compact = false, @@ -92,7 +92,7 @@ const Button: FC< height: compact ? 28 : 36, padding: paddingValue, "& .button-label": { - whiteSpace: fullWidth ? "normal" : "nowrap", + whiteSpace: fullwidth ? "normal" : "nowrap", marginRight: !hasLabel || !icon ? 0 diff --git a/src/components/InputBox/InputBox.types.ts b/src/components/InputBox/InputBox.types.ts index 412b4a099..5fb255ecf 100644 --- a/src/components/InputBox/InputBox.types.ts +++ b/src/components/InputBox/InputBox.types.ts @@ -25,7 +25,7 @@ export type InputBoxOrientation = "horizontal" | "vertical"; export interface InputBoxProps extends React.InputHTMLAttributes { id: string; - fullWidth?: boolean; + fullwidth?: boolean; label?: string; tooltip?: string; sx?: OverrideTheme; diff --git a/src/components/InputBox/index.tsx b/src/components/InputBox/index.tsx index 0e3b73a16..107ae68cf 100644 --- a/src/components/InputBox/index.tsx +++ b/src/components/InputBox/index.tsx @@ -146,7 +146,7 @@ const Inputdiv = React.forwardRef< sizeMode === "small" ? inputBaseSizeSmall : {}, startIcon ? { paddingLeft: 35 } : {}, ]} - fullWidth + fullwidth type={inputdivWrapperType} className={`Base_Normal inputRebase ${state}State ${value && value !== "" ? "filled" : ""}`} value={value} diff --git a/src/components/TextArea/TextArea.types.ts b/src/components/TextArea/TextArea.types.ts index 85916535c..8d9159082 100644 --- a/src/components/TextArea/TextArea.types.ts +++ b/src/components/TextArea/TextArea.types.ts @@ -22,7 +22,7 @@ import { InputBoxOrientation, InputBoxState } from "../InputBox/InputBox.types"; export interface TextAreaProps extends React.TextareaHTMLAttributes { id: string; - fullWidth?: boolean; + fullwidth?: boolean; label?: string; tooltip?: string; sx?: OverrideTheme; diff --git a/src/components/TextArea/index.tsx b/src/components/TextArea/index.tsx index e6196485a..7b540a129 100644 --- a/src/components/TextArea/index.tsx +++ b/src/components/TextArea/index.tsx @@ -89,7 +89,7 @@ const TextArea: FC = ({