AFFiNE/packages/frontend/component/src
CatsJuice 3d855647c7
refactor(component): refactor the implementation of Button and IconButton (#7716)
## Button
- Remove props withoutHoverStyle
   refactor hover impl with independent layer, so that hover-color won't affect the background even if is overridden outside
- Update `type` (renamed to `variant`):
  - remove `processing` and `warning`
  - rename `default` with `secondary`
- Remove `shape` props
- Remove `icon` and `iconPosition`, replaced with `prefix: ReactNode` and `suffix: ReactNode`
- Integrate tooltip for more convenient usage
- New Storybook document
- Focus style

## IconButton
- A Wrapper base on `<Button />`
- Override Button size and variant
  - size: `'12' | '14' | '16' | '20' | '24' | number`
     These presets size are referenced from the design system.
  - variant:  `'plain' | 'solid' | 'danger' | 'custom'`
- Inset icon via Button 's prefix

## Fix
- fix some button related issues
- close AF-1159, AF-1160, AF-1161, AF-1162, AF-1163, AF-1158, AF-1157

## Storybook

![CleanShot 2024-08-03 at 14.57.20@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/f5a76110-35d0-4082-a940-efc12bed87b0.png)
2024-08-05 02:57:23 +00:00
..
components refactor(component): refactor the implementation of Button and IconButton (#7716) 2024-08-05 02:57:23 +00:00
fonts feat: add ibm plex mono font (#7303) 2024-06-21 10:49:26 +00:00
lit-react refactor(core): use lit customelement decorator (#7560) 2024-07-25 07:45:41 +00:00
styles feat(core): adjust ai help island style and behavior, add animation (#7310) 2024-06-24 14:37:38 +00:00
theme feat(electron): app tabs dnd (#7684) 2024-08-02 02:02:03 +00:00
ui refactor(component): refactor the implementation of Button and IconButton (#7716) 2024-08-05 02:57:23 +00:00
utils refactor(component): new Radio component (#6910) 2024-06-27 06:04:19 +00:00
index.ts feat(core): init organize (#7456) 2024-07-26 04:35:32 +00:00
type.d.ts refactor(infra): directory structure (#4615) 2023-10-18 15:30:08 +00:00