fix: remove isFullWidth from button

receter · Oct 1, 2024 · a7287af · a7287af
1 parent 9ee341f
commit a7287af
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 10 deletions.
diff --git a/packages/ui/fixtures/Button.fixture.tsx b/packages/ui/fixtures/Button.fixture.tsx
@@ -23,7 +23,6 @@ export default function ButtonFixture() {
     defaultValue: "default",
   });
   const [isDisabled] = useValue("Disabled", { defaultValue: false });
-  const [isFullWidth] = useValue("isFullWidth", { defaultValue: false });
   const refButton = useRef(null);
   return (
     <>
@@ -36,7 +35,6 @@ export default function ButtonFixture() {
           }}
           size={size === "default" ? undefined : size}
           variant={variant === "default" ? undefined : variant}
-          isFullWidth={isFullWidth}
           disabled={isDisabled}
         >
           {withIcon && <SvgIconFocusLog className={classInlineIcon} />}
@@ -48,7 +46,6 @@ export default function ButtonFixture() {
           href="https://github.com/receter/sys42"
           size={size === "default" ? undefined : size}
           variant={variant === "default" ? undefined : variant}
-          isFullWidth={isFullWidth}
           title="Go to GitHub"
         >
           {withIcon && <SvgIconFocusLog className={classInlineIcon} />}

diff --git a/packages/ui/lib/Button/styles.module.css b/packages/ui/lib/Button/styles.module.css
@@ -94,7 +94,3 @@ a.button {
     )
     calc(var(--sys42-button_lg-padding-vert) - var(--sys42-button-border-width));
 }
-
-.button_fullWidth {
-  width: 100%;
-}
diff --git a/packages/ui/lib/Button/useButton.ts b/packages/ui/lib/Button/useButton.ts
@@ -13,14 +13,13 @@ import styles from "./styles.module.css";
 export type ButtonProps<ElemProps> = BaseButtonProps<ElemProps> & {
   variant?: "primary";
   size?: "lg";
-  isFullWidth?: boolean;
 };
 
 export function useButton<
   Props extends ButtonProps<HTMLAttributes<HTMLElement>>,
   Elem extends HTMLElement,
 >(options: UseBaseButtonOptions<Props, Elem>) {
-  const { variant, size, isFullWidth, ...restProps } = options.props;
+  const { variant, size, ...restProps } = options.props;
 
   const button = useBaseButton({
     ...options,
@@ -31,7 +30,6 @@ export function useButton<
     button.buttonProps.className,
     variant === "primary" && styles.button_primary,
     size === "lg" && styles.button_lg,
-    isFullWidth && styles.button_fullWidth,
     styles.button,
   );