From de00040389d575122f9bcb3549a0e5fc5c8725c8 Mon Sep 17 00:00:00 2001 From: fundon Date: Thu, 29 May 2025 02:01:06 +0000 Subject: [PATCH] chore(editor): update loading css vars (#12557) Related to: [BS-3559](https://linear.app/affine-design/issue/BS-3559/ui-%E5%9B%BE%E7%89%87-loading-%E5%8F%98%E9%87%8F%E6%9B%B4%E6%96%B0) ## Summary by CodeRabbit - **Style** - Improved the appearance of image loading indicators by updating background and ring colors for a more consistent visual experience. - **New Features** - Added customization options for the loading icon's ring color. - **Chores** - Updated the "@toeverything/theme" dependency to version ^1.1.15 across multiple packages for improved consistency and compatibility. --- .../affine/blocks/attachment/package.json | 2 +- .../affine/blocks/bookmark/package.json | 2 +- blocksuite/affine/blocks/callout/package.json | 2 +- blocksuite/affine/blocks/code/package.json | 2 +- .../affine/blocks/data-view/package.json | 2 +- .../affine/blocks/database/package.json | 2 +- blocksuite/affine/blocks/divider/package.json | 2 +- .../affine/blocks/edgeless-text/package.json | 2 +- .../affine/blocks/embed-doc/package.json | 2 +- blocksuite/affine/blocks/embed/package.json | 2 +- blocksuite/affine/blocks/frame/package.json | 2 +- blocksuite/affine/blocks/image/package.json | 2 +- .../image/src/components/page-image-block.ts | 5 +- .../affine/blocks/image/src/image-block.ts | 1 + .../blocks/image/src/image-edgeless-block.ts | 6 +- blocksuite/affine/blocks/latex/package.json | 2 +- blocksuite/affine/blocks/list/package.json | 2 +- blocksuite/affine/blocks/note/package.json | 2 +- .../affine/blocks/paragraph/package.json | 2 +- blocksuite/affine/blocks/root/package.json | 2 +- .../affine/blocks/surface-ref/package.json | 2 +- blocksuite/affine/blocks/surface/package.json | 2 +- blocksuite/affine/components/package.json | 2 +- .../affine/components/src/icons/loading.ts | 10 +- blocksuite/affine/data-view/package.json | 2 +- blocksuite/affine/foundation/package.json | 2 +- .../fragments/adapter-panel/package.json | 2 +- .../affine/fragments/doc-title/package.json | 2 +- .../affine/fragments/frame-panel/package.json | 2 +- .../affine/fragments/outline/package.json | 2 +- blocksuite/affine/gfx/brush/package.json | 2 +- blocksuite/affine/gfx/connector/package.json | 2 +- blocksuite/affine/gfx/group/package.json | 2 +- blocksuite/affine/gfx/link/package.json | 2 +- blocksuite/affine/gfx/mindmap/package.json | 2 +- blocksuite/affine/gfx/note/package.json | 2 +- blocksuite/affine/gfx/pointer/package.json | 2 +- blocksuite/affine/gfx/shape/package.json | 2 +- blocksuite/affine/gfx/template/package.json | 2 +- blocksuite/affine/gfx/text/package.json | 2 +- .../affine/inlines/footnote/package.json | 2 +- blocksuite/affine/inlines/latex/package.json | 2 +- blocksuite/affine/inlines/link/package.json | 2 +- .../affine/inlines/mention/package.json | 2 +- blocksuite/affine/inlines/preset/package.json | 2 +- .../affine/inlines/reference/package.json | 2 +- blocksuite/affine/model/package.json | 2 +- blocksuite/affine/rich-text/package.json | 2 +- blocksuite/affine/shared/package.json | 2 +- .../affine/widgets/drag-handle/package.json | 2 +- .../edgeless-auto-connect/package.json | 2 +- .../edgeless-dragging-area/package.json | 2 +- .../edgeless-selected-rect/package.json | 2 +- .../widgets/edgeless-toolbar/package.json | 2 +- .../edgeless-zoom-toolbar/package.json | 2 +- .../affine/widgets/frame-title/package.json | 2 +- .../widgets/keyboard-toolbar/package.json | 2 +- .../affine/widgets/linked-doc/package.json | 2 +- .../affine/widgets/note-slicer/package.json | 2 +- .../widgets/page-dragging-area/package.json | 2 +- .../widgets/remote-selection/package.json | 2 +- .../widgets/scroll-anchoring/package.json | 2 +- .../affine/widgets/slash-menu/package.json | 2 +- .../affine/widgets/toolbar/package.json | 2 +- .../widgets/viewport-overlay/package.json | 2 +- blocksuite/integration-test/package.json | 2 +- packages/frontend/admin/package.json | 2 +- .../apps/electron-renderer/package.json | 2 +- packages/frontend/component/package.json | 2 +- packages/frontend/core/package.json | 2 +- tests/blocksuite/package.json | 2 +- yarn.lock | 142 +++++++++--------- 72 files changed, 151 insertions(+), 147 deletions(-) diff --git a/blocksuite/affine/blocks/attachment/package.json b/blocksuite/affine/blocks/attachment/package.json index 91e6453b77..ae3a0c1860 100644 --- a/blocksuite/affine/blocks/attachment/package.json +++ b/blocksuite/affine/blocks/attachment/package.json @@ -23,7 +23,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "file-type": "^21.0.0", "lit": "^3.2.0", "minimatch": "^10.0.1", diff --git a/blocksuite/affine/blocks/bookmark/package.json b/blocksuite/affine/blocks/bookmark/package.json index 71cc38a776..12d47895a2 100644 --- a/blocksuite/affine/blocks/bookmark/package.json +++ b/blocksuite/affine/blocks/bookmark/package.json @@ -24,7 +24,7 @@ "@blocksuite/store": "workspace:*", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "lit": "^3.2.0", "minimatch": "^10.0.1", "rxjs": "^7.8.1", diff --git a/blocksuite/affine/blocks/callout/package.json b/blocksuite/affine/blocks/callout/package.json index ec0ca88863..b91100f914 100644 --- a/blocksuite/affine/blocks/callout/package.json +++ b/blocksuite/affine/blocks/callout/package.json @@ -25,7 +25,7 @@ "@floating-ui/dom": "^1.6.10", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "@types/mdast": "^4.0.4", "emoji-mart": "^5.6.0", "lit": "^3.2.0", diff --git a/blocksuite/affine/blocks/code/package.json b/blocksuite/affine/blocks/code/package.json index c107305a88..a7b635fa80 100644 --- a/blocksuite/affine/blocks/code/package.json +++ b/blocksuite/affine/blocks/code/package.json @@ -27,7 +27,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "@types/mdast": "^4.0.4", "lit": "^3.2.0", "minimatch": "^10.0.1", diff --git a/blocksuite/affine/blocks/data-view/package.json b/blocksuite/affine/blocks/data-view/package.json index a987f7552d..9db7612d4a 100644 --- a/blocksuite/affine/blocks/data-view/package.json +++ b/blocksuite/affine/blocks/data-view/package.json @@ -24,7 +24,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "@types/mdast": "^4.0.4", "lit": "^3.2.0", "minimatch": "^10.0.1", diff --git a/blocksuite/affine/blocks/database/package.json b/blocksuite/affine/blocks/database/package.json index 7413d13bf2..c2c873ae82 100644 --- a/blocksuite/affine/blocks/database/package.json +++ b/blocksuite/affine/blocks/database/package.json @@ -28,7 +28,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "@types/mdast": "^4.0.4", "date-fns": "^4.0.0", "lit": "^3.2.0", diff --git a/blocksuite/affine/blocks/divider/package.json b/blocksuite/affine/blocks/divider/package.json index 20225deb45..11b702eb24 100644 --- a/blocksuite/affine/blocks/divider/package.json +++ b/blocksuite/affine/blocks/divider/package.json @@ -20,7 +20,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "@types/mdast": "^4.0.4", "lit": "^3.2.0", "minimatch": "^10.0.1", diff --git a/blocksuite/affine/blocks/edgeless-text/package.json b/blocksuite/affine/blocks/edgeless-text/package.json index 46a98c9e4b..40fca4325b 100644 --- a/blocksuite/affine/blocks/edgeless-text/package.json +++ b/blocksuite/affine/blocks/edgeless-text/package.json @@ -26,7 +26,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "lit": "^3.2.0", "minimatch": "^10.0.1", "rxjs": "^7.8.1", diff --git a/blocksuite/affine/blocks/embed-doc/package.json b/blocksuite/affine/blocks/embed-doc/package.json index f442d2e9c1..0af08a7c95 100644 --- a/blocksuite/affine/blocks/embed-doc/package.json +++ b/blocksuite/affine/blocks/embed-doc/package.json @@ -26,7 +26,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "@types/lodash-es": "^4.17.12", "lit": "^3.2.0", "lodash-es": "^4.17.21", diff --git a/blocksuite/affine/blocks/embed/package.json b/blocksuite/affine/blocks/embed/package.json index 5a492fefa1..21259a3899 100644 --- a/blocksuite/affine/blocks/embed/package.json +++ b/blocksuite/affine/blocks/embed/package.json @@ -26,7 +26,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "@types/lodash-es": "^4.17.12", "lit": "^3.2.0", "lodash-es": "^4.17.21", diff --git a/blocksuite/affine/blocks/frame/package.json b/blocksuite/affine/blocks/frame/package.json index 35f5e8c6f3..7e65a8991b 100644 --- a/blocksuite/affine/blocks/frame/package.json +++ b/blocksuite/affine/blocks/frame/package.json @@ -25,7 +25,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "@types/mdast": "^4.0.4", "lit": "^3.2.0", "minimatch": "^10.0.1", diff --git a/blocksuite/affine/blocks/image/package.json b/blocksuite/affine/blocks/image/package.json index 7bd8de3a65..492d34766e 100644 --- a/blocksuite/affine/blocks/image/package.json +++ b/blocksuite/affine/blocks/image/package.json @@ -25,7 +25,7 @@ "@floating-ui/dom": "^1.6.13", "@lit/context": "^1.1.2", "@preact/signals-core": "^1.8.0", - "@toeverything/theme": "^1.1.14", + "@toeverything/theme": "^1.1.15", "file-type": "^21.0.0", "lit": "^3.2.0", "minimatch": "^10.0.1", diff --git a/blocksuite/affine/blocks/image/src/components/page-image-block.ts b/blocksuite/affine/blocks/image/src/components/page-image-block.ts index b50e5b191b..9e0c831a2a 100644 --- a/blocksuite/affine/blocks/image/src/components/page-image-block.ts +++ b/blocksuite/affine/blocks/image/src/components/page-image-block.ts @@ -51,7 +51,10 @@ export class ImageBlockPageComponent extends SignalWatcher( height: 36px; padding: 5px; border-radius: 8px; - background: ${unsafeCSSVarV2('loading/backgroundLayer')}; + background: ${unsafeCSSVarV2( + 'loading/imageLoadingBackground', + '#92929238' + )}; & > svg { font-size: 25.71px; diff --git a/blocksuite/affine/blocks/image/src/image-block.ts b/blocksuite/affine/blocks/image/src/image-block.ts index 8111e861eb..4dd0ed147b 100644 --- a/blocksuite/affine/blocks/image/src/image-block.ts +++ b/blocksuite/affine/blocks/image/src/image-block.ts @@ -135,6 +135,7 @@ export class ImageBlockComponent extends CaptionedBlockComponent svg { font-size: 25.71px; @@ -126,6 +129,7 @@ export class ImageEdgelessBlockComponent extends GfxBlockComponent html` - +