fix(editor): chevron down icon on toolbar (#11803)

Uniform size: 16x16

blocksuite/affine/blocks/root/src/configs/toolbar.ts

@@ -10,6 +10,7 @@ import {
 } from '@blocksuite/affine-block-embed';
 import { updateBlockType } from '@blocksuite/affine-block-note';
 import { toast } from '@blocksuite/affine-components/toast';
+import { EditorChevronDown } from '@blocksuite/affine-components/toolbar';
 import {
   deleteTextCommand,
   formatBlockCommand,
@@ -40,7 +41,6 @@ import { ActionPlacement } from '@blocksuite/affine-shared/services';
 import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import { tableViewMeta } from '@blocksuite/data-view/view-presets';
 import {
-  ArrowDownSmallIcon,
   CopyIcon,
   DatabaseTableViewIcon,
   DeleteIcon,
@@ -94,7 +94,7 @@ const conversionsActionGroup = {
               aria-label="Conversions"
               .tooltip="${'Turn into'}"
             >
-              ${conversion.icon} ${ArrowDownSmallIcon()}
+              ${conversion.icon} ${EditorChevronDown}
             </editor-icon-button>
           `}
         >

packages/frontend/core/src/blocksuite/extensions/editor-config/toolbar/index.ts

@@ -29,6 +29,7 @@ import {
 import { isPeekable, peek } from '@blocksuite/affine/components/peek';
 import { toast } from '@blocksuite/affine/components/toast';
 import {
+  EditorChevronDown,
   type MenuContext,
   type MenuItemGroup,
 } from '@blocksuite/affine/components/toolbar';
@@ -72,7 +73,6 @@ import {
 } from '@blocksuite/affine/std/gfx';
 import type { ExtensionType } from '@blocksuite/affine/store';
 import {
-  ArrowDownSmallIcon,
   CopyAsImgaeIcon,
   CopyIcon,
   EditIcon,
@@ -615,7 +615,7 @@ function createSurfaceRefToolbarConfig(baseUrl?: string): ToolbarModuleConfig {
                 .iconSize=${'16px'}
                 .iconContainerPadding=${4}
               >
-                ${OpenInNewIcon()} ${ArrowDownSmallIcon()}
+                ${OpenInNewIcon()} ${EditorChevronDown}
               </editor-icon-button>`}
             >
               <div data-orientation="vertical" style=${styles}>