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
2024-08-05 02:57:23 +00:00
Cats Juice
0abadbe7bb
refactor(component): migrate design components ( #5000 )
...
```[tasklist]
### Tasks
- [x] Migrate components from [design](https://github.com/toeverything/design )
- [x] Replace all imports from `@toeverything/components`
- [x] Clean up `@toeverything/components` dependencies
- [x] Storybook
```
### Influence
Here are all the components that are influenced by `@toeverything/components`
- `@affine/component`
- App update `Button` `Tooltip`
- App sidebar header `IconButton`, `Tooltip`
- Back `Button`
- Auth
- Change email page save `Button`
- Change password page all `Button`s (Save, Later, Open)
- Confirm change email `Button`
- Set password page `Button`
- Sign in success page `Button`
- Sign up page `Button`
- Auth `Modal`
- Workspace card `Avatar`, `Divider`, `Tooltip`, `IconButton`
- Share
- Disable shared public link `Modal`
- Import page `IconButton`, `Tooltip`
- Accept invite page `Avatar`, `Button`
- Invite member `Modal`
- 404 Page `Avatar`, `Button`, `IconButton`, `Tooltip`
- Notification center `IconButton`
- Page list
- operation cell `IconButton`, `Menu`, `ConfirmModal`, `Tooltip`
- tags more `Menu`
- favorite `IconButton`, `Tooltip`
- new page dropdown `Menu`
- filter `Menu`, `Button`, `IconButton`
- Page operation `Menu`
- export `MenuItem`
- move to trash `MenuItem`, `ConfirmModal`
- Workspace header filter `Menu`, `Button`
- Collection bar `Button`, `Tooltip` (*⚠️ seems not used*)
- Collection operation `Menu`, `MenuItem`
- Create collection `Modal`, `Button`
- Edit collection `Modal`, `Button`
- Page mode filter `Menu`
- Page mode `Button`, `Menu`
- Setting modal
- storage usage progress `Button`, `Tooltip`
- On boarding tour `Modal`
- `@affine/core`
- Bookmark `Menu`
- Affine error boundary `Button`
- After sign in send email `Button`
- After sign up send email `Button`
- Send email `Button`
- Sign in `Button`
- Subscription redirect `Loading`, `Button`
- Setting `Modal`
- User plan button `Tooltip`
- Members `Avatar`, `Button`, `IconButton`, `Loading`, `Tooltip`, `Menu`
- Profile `Button`, `Avatar`
- Workspace
- publish panel `Button`, `Tooltip`
- export panel `Button`
- storage panel `Button`, `Tooltip`
- delete `ConfirmModal`
- Language `Menu`
- Account setting `Avatar`, `Button`
- Date format setting `Menu`
- Billing `Button`, `IconButton`, `Loading`
- Payment plans `Button`, `ConfirmModal`, `Modal`, `Tooltip`
- Create workspace `Modal`, `ConfirmModal`, `Button`
- Payment disabled `ConfirmModal`
- Share/Export `Menu`, `Button`, `Divider`
- Sign out `ConfirmModal`
- Temp disable affine cloud `Modal`
- Page detail operation `Menu`
- Blocksuite mode switch `Tooltip`
- Login card `Avatar`
- Help island `Tooltip`
- `plugin`
- copilot
- hello world
- image preview
- outline
2023-12-04 08:32:12 +00:00
