Make hoverOutline defauls

saleor · Dec 6, 2021 · c48ec97 · c48ec97
1 parent 9341740
commit c48ec97
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/IconButton/IconButton.tsx b/src/IconButton/IconButton.tsx
@@ -17,7 +17,10 @@ export type IconButtonProps<T extends React.ElementType = "button"> = Omit<
 };
 
 export const IconButton: React.FC<IconButtonProps> = React.forwardRef(
- ({ className, error, hoverOutline, variant = "primary", ...props }, ref) => {
+ (
+ { className, error, hoverOutline = true, variant = "primary", ...props },
+ ref
+ ) => {
  const classes = useStyles();
 
  if (variant === "secondary") {

diff --git a/stories/buttons.stories.tsx b/stories/buttons.stories.tsx
@@ -93,18 +93,18 @@ const DefaultStory: React.FC = () => {
  <FormControlLabel
  control={
  <IconButton variant="secondary">
- <ArrowDownward />
+ <DeleteIcon />
  </IconButton>
  }
- label="Expand"
+ label="Delete from list"
  />
  <FormControlLabel
  control={
- <IconButton hoverOutline variant="secondary">
- <DeleteIcon />
+ <IconButton hoverOutline={false} variant="secondary">
+ <ArrowDownward />
  </IconButton>
  }
- label="Delete from list"
+ label="Expand"
  />
  <FormControlLabel
  control={