feat(editor): update edgeless color palette (#9243)

Closes: [BS-1475](https://linear.app/affine-design/issue/BS-1475/颜色主题更新) [BS-1803](https://linear.app/affine-design/issue/BS-1803/fill-color色板影响的yuan素) [BS-1804](https://linear.app/affine-design/issue/BS-1804/border-color色板影响的yuan素) [BS-1815](https://linear.app/affine-design/issue/BS-1815/连线文字配色略瞎)

### What's Changed

* refactor `EdgelessLineWidthPanel` component, the previous width is fixed and cannot be used in the new design
* refactor `EdgelessColorPanel` and `EdgelessColorButton` components, make them simple and reusable
* delete redundant `EdgelessOneRowColorPanel` component
* unity and update color palette, if the previously set color is not in the latest color palette, the custom color button will be selected
This commit is contained in:
fundon
2024-12-30 03:36:34 +00:00
parent 6b1865ff92
commit a5641ae608
250 changed files with 952 additions and 964 deletions
+24 -24
View File
@@ -295,7 +295,7 @@ __metadata:
"@storybook/react-vite": "npm:^8.4.7"
"@testing-library/dom": "npm:^10.4.0"
"@testing-library/react": "npm:^16.1.0"
"@toeverything/theme": "npm:^1.1.2"
"@toeverything/theme": "npm:^1.1.3"
"@types/react": "npm:^19.0.1"
"@types/react-dom": "npm:^19.0.2"
"@vanilla-extract/css": "npm:^1.16.1"
@@ -379,7 +379,7 @@ __metadata:
"@testing-library/dom": "npm:^10.4.0"
"@testing-library/react": "npm:^16.1.0"
"@toeverything/pdf-viewer": "npm:^0.1.1"
"@toeverything/theme": "npm:^1.1.2"
"@toeverything/theme": "npm:^1.1.3"
"@types/animejs": "npm:^3.1.12"
"@types/bytes": "npm:^3.1.5"
"@types/image-blob-reduce": "npm:^4.1.4"
@@ -3258,7 +3258,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
file-type: "npm:^19.5.0"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3282,7 +3282,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
zod: "npm:^3.23.8"
@@ -3303,7 +3303,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/mdast": "npm:^4.0.4"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3326,7 +3326,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/mdast": "npm:^4.0.4"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3350,7 +3350,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
zod: "npm:^3.23.8"
@@ -3373,7 +3373,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
zod: "npm:^3.23.8"
@@ -3394,7 +3394,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/mdast": "npm:^4.0.4"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3417,7 +3417,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
file-type: "npm:^19.5.0"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3440,7 +3440,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/katex": "npm:^0.16.7"
"@types/mdast": "npm:^4.0.4"
katex: "npm:^0.16.11"
@@ -3465,7 +3465,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/mdast": "npm:^4.0.4"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3490,7 +3490,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
zod: "npm:^3.23.8"
@@ -3511,7 +3511,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/mdast": "npm:^4.0.4"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3532,7 +3532,7 @@ __metadata:
"@blocksuite/store": "workspace:*"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/dompurify": "npm:^3.0.5"
"@types/lodash.chunk": "npm:^4.2.9"
fractional-indexing: "npm:^3.2.0"
@@ -3558,7 +3558,7 @@ __metadata:
"@lit/context": "npm:^1.1.2"
"@lottiefiles/dotlottie-wc": "npm:^0.4.0"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/katex": "npm:^0.16.7"
"@types/lodash.clonedeep": "npm:^4.5.9"
date-fns: "npm:^4.0.0"
@@ -3597,7 +3597,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/hast": "npm:^3.0.4"
"@types/lodash.clonedeep": "npm:^4.5.9"
"@types/lodash.mergewith": "npm:^4"
@@ -3632,7 +3632,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
zod: "npm:^3.23.8"
@@ -3648,7 +3648,7 @@ __metadata:
"@blocksuite/block-std": "workspace:*"
"@blocksuite/global": "workspace:*"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
lit: "npm:^3.2.0"
languageName: unknown
linkType: soft
@@ -3662,7 +3662,7 @@ __metadata:
"@blocksuite/block-std": "workspace:*"
"@blocksuite/global": "workspace:*"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
lit: "npm:^3.2.0"
languageName: unknown
linkType: soft
@@ -3734,7 +3734,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
"@types/dompurify": "npm:^3.0.5"
"@types/hast": "npm:^3.0.4"
"@types/katex": "npm:^0.16.7"
@@ -3787,7 +3787,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
date-fns: "npm:^4.0.0"
lit: "npm:^3.2.0"
zod: "npm:^3.23.8"
@@ -3902,7 +3902,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lottiefiles/dotlottie-wc": "npm:^0.4.0"
"@preact/signals-core": "npm:^1.8.0"
"@toeverything/theme": "npm:^1.1.1"
"@toeverything/theme": "npm:^1.1.3"
lit: "npm:^3.2.0"
vitest: "npm:^2.1.8"
zod: "npm:^3.23.8"
@@ -13896,7 +13896,7 @@ __metadata:
languageName: node
linkType: hard
"@toeverything/theme@npm:^1.1.1, @toeverything/theme@npm:^1.1.2":
"@toeverything/theme@npm:^1.1.3":
version: 1.1.3
resolution: "@toeverything/theme@npm:1.1.3"
checksum: 10/d764980c9ba072ecbbe1d45a8e8996752b750254ecf9508015b1f9aca6bb575fd6aeec82280672563e8c70aa4a94674e1278fcecc499e3e0bbc449a66fd01b73