chore: bump icons with new design source (#9529)

blocksuite/affine/block-attachment/package.json

@@ -20,7 +20,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/block-bookmark/package.json

@@ -19,7 +19,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/block-edgeless-text/package.json

@@ -19,7 +19,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/block-embed/package.json

@@ -19,7 +19,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/block-image/package.json

@@ -18,7 +18,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/block-note/package.json

@@ -20,7 +20,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/components/package.json

@@ -17,7 +17,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/components/src/context-menu/button.ts

@@ -1,6 +1,6 @@
 import { IS_MOBILE } from '@blocksuite/global/env';
 import {
-  CheckBoxCkeckSolidIcon,
+  CheckBoxCheckSolidIcon,
   CheckBoxUnIcon,
   DoneIcon,
 } from '@blocksuite/icons/lit';
@@ -228,7 +228,7 @@ export const menuButtonItems = {
       const data: MenuButtonData = {
         content: () => html`
           ${config.checked.value
-            ? CheckBoxCkeckSolidIcon({ style: `color:#1E96EB` })
+            ? CheckBoxCheckSolidIcon({ style: `color:#1E96EB` })
             : CheckBoxUnIcon()}
           <div class="affine-menu-action-text">
             ${config.label?.() ?? config.name}

blocksuite/affine/data-view/package.json

@@ -17,7 +17,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/store": "workspace:*",
     "@emotion/hash": "^0.9.2",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/data-view/src/core/filter/literal/define.ts

@@ -1,6 +1,6 @@
 import { menu } from '@blocksuite/affine-components/context-menu';
 import { unsafeCSSVarV2 } from '@blocksuite/affine-shared/theme';
-import { CheckBoxCkeckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
+import { CheckBoxCheckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 
 import { t } from '../../logical/type-presets.js';
@@ -87,7 +87,7 @@ export const allLiteralConfig: LiteralItemsConfig[] = [
             type.element.data?.map(tag => {
               const selected = set.has(tag.id);
               const prefix = selected
-                ? CheckBoxCkeckSolidIcon({ style: `color:#1E96EB` })
+                ? CheckBoxCheckSolidIcon({ style: `color:#1E96EB` })
                 : CheckBoxUnIcon();
               return menu.action({
                 name: tag.value,

blocksuite/affine/data-view/src/core/group-by/renderer/boolean-group.ts

@@ -1,4 +1,4 @@
-import { CheckBoxCkeckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
+import { CheckBoxCheckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
 import { css, html } from 'lit';
 
 import { BaseGroup } from './base.js';
@@ -18,7 +18,7 @@ export class BooleanGroupView extends BaseGroup<NonNullable<unknown>, boolean> {
   protected override render(): unknown {
     return html` <div class="data-view-group-title-boolean-view">
       ${this.value
-        ? CheckBoxCkeckSolidIcon({ style: `color:#1E96EB` })
+        ? CheckBoxCheckSolidIcon({ style: `color:#1E96EB` })
         : CheckBoxUnIcon()}
     </div>`;
   }

blocksuite/affine/data-view/src/property-presets/checkbox/cell-renderer.ts

@@ -1,5 +1,5 @@
 import { unsafeCSSVarV2 } from '@blocksuite/affine-shared/theme';
-import { CheckBoxCkeckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
+import { CheckBoxCheckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
 import { css, html } from 'lit';
 import { query } from 'lit/decorators.js';
 
@@ -97,7 +97,7 @@ export class CheckboxCell extends BaseCellRenderer<boolean> {
   override render() {
     const checked = this.value ?? false;
     const icon = checked
-      ? CheckBoxCkeckSolidIcon({ style: `color:#1E96EB` })
+      ? CheckBoxCheckSolidIcon({ style: `color:#1E96EB` })
       : CheckBoxUnIcon();
     return html` <div class="affine-database-checkbox-container">
       <div

blocksuite/affine/data-view/src/view-presets/table/pc/row/row-select-checkbox.ts

@@ -1,6 +1,6 @@
 import { ShadowlessElement } from '@blocksuite/block-std';
 import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
-import { CheckBoxCkeckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
+import { CheckBoxCheckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
 import { computed, type ReadonlySignal } from '@preact/signals-core';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
@@ -74,7 +74,7 @@ export class RowSelectCheckbox extends SignalWatcher(
     return html`
       <div class="${classString}">
         ${this.isSelected$.value
-          ? CheckBoxCkeckSolidIcon({ style: `color:#1E96EB` })
+          ? CheckBoxCheckSolidIcon({ style: `color:#1E96EB` })
           : CheckBoxUnIcon()}
       </div>
     `;

blocksuite/affine/shared/package.json

@@ -16,7 +16,7 @@
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/affine/widget-drag-handle/package.json

@@ -22,7 +22,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

blocksuite/blocks/package.json

@@ -40,7 +40,7 @@
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/data-view": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.1.75",
+    "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.10",

packages/frontend/apps/android/package.json

@@ -13,7 +13,7 @@
     "@affine/core": "workspace:*",
     "@affine/i18n": "workspace:*",
     "@blocksuite/affine": "workspace:*",
-    "@blocksuite/icons": "2.1.75",
+    "@blocksuite/icons": "2.2.1",
     "@capacitor/android": "^6.2.0",
     "@capacitor/core": "^6.2.0",
     "@sentry/react": "^8.44.0",

packages/frontend/apps/ios/package.json

@@ -15,7 +15,7 @@
     "@affine/core": "workspace:*",
     "@affine/i18n": "workspace:*",
     "@blocksuite/affine": "workspace:*",
-    "@blocksuite/icons": "2.1.75",
+    "@blocksuite/icons": "2.2.1",
     "@capacitor/app": "^6.0.2",
     "@capacitor/browser": "^6.0.4",
     "@capacitor/core": "^6.2.0",

packages/frontend/apps/mobile/package.json

@@ -13,7 +13,7 @@
     "@affine/core": "workspace:*",
     "@affine/i18n": "workspace:*",
     "@blocksuite/affine": "workspace:*",
-    "@blocksuite/icons": "2.1.75",
+    "@blocksuite/icons": "2.2.1",
     "@sentry/react": "^8.44.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

packages/frontend/component/package.json

@@ -26,7 +26,7 @@
     "@affine/i18n": "workspace:*",
     "@atlaskit/pragmatic-drag-and-drop": "patch:@atlaskit/pragmatic-drag-and-drop@npm%3A1.4.0#~/.yarn/patches/@atlaskit-pragmatic-drag-and-drop-npm-1.4.0-75c45f52d3.patch",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
-    "@blocksuite/icons": "2.1.75",
+    "@blocksuite/icons": "2.2.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@radix-ui/react-avatar": "^1.1.2",
@@ -66,7 +66,7 @@
   },
   "devDependencies": {
     "@blocksuite/affine": "workspace:*",
-    "@blocksuite/icons": "2.1.75",
+    "@blocksuite/icons": "2.2.1",
     "@chromatic-com/storybook": "^3.2.2",
     "@storybook/addon-essentials": "^8.4.7",
     "@storybook/addon-interactions": "^8.4.7",

packages/frontend/component/src/ui/notification/notification-center.stories.tsx

@@ -1,4 +1,4 @@
-import { SingleSelectSelectSolidIcon } from '@blocksuite/icons/rc';
+import { SingleSelectCheckSolidIcon } from '@blocksuite/icons/rc';
 import type { StoryFn } from '@storybook/react';
 import { cssVar } from '@toeverything/theme';
 import { type HTMLAttributes, useState } from 'react';
@@ -90,11 +90,11 @@ export const CustomIcon: StoryFn = () => {
     { label: 'No icon', icon: null },
     {
       label: 'SingleSelectIcon',
-      icon: <SingleSelectSelectSolidIcon />,
+      icon: <SingleSelectCheckSolidIcon />,
     },
     {
       label: 'Icon Color',
-      icon: <SingleSelectSelectSolidIcon color={cssVar('successColor')} />,
+      icon: <SingleSelectCheckSolidIcon color={cssVar('successColor')} />,
     },
   ];
 

packages/frontend/component/src/ui/notification/notify.tsx

@@ -1,6 +1,6 @@
 import {
   InformationFillDuotoneIcon,
-  SingleSelectSelectSolidIcon,
+  SingleSelectCheckSolidIcon,
 } from '@blocksuite/icons/rc';
 import type { FC } from 'react';
 import { type ExternalToast, toast } from 'sonner';
@@ -50,7 +50,7 @@ notify.error = (notification: Notification, options?: ExternalToast) => {
 notify.success = (notification: Notification, options?: ExternalToast) => {
   return notify(
     {
-      icon: <SingleSelectSelectSolidIcon />,
+      icon: <SingleSelectCheckSolidIcon />,
       style: 'normal',
       theme: 'success',
       ...notification,

packages/frontend/component/src/ui/property/property.tsx

@@ -2,7 +2,7 @@ import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge
 import {
   ArrowDownSmallIcon,
   ArrowUpSmallIcon,
-  ToggleExpandIcon,
+  ToggleDownIcon,
 } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import clsx from 'clsx';
@@ -94,7 +94,7 @@ export const PropertyCollapsibleSection = forwardRef<
             >
               {title}
             </div>
-            <ToggleExpandIcon
+            <ToggleDownIcon
               className={styles.sectionCollapsedIcon}
               data-collapsed={finalCollapsed}
             />

packages/frontend/core/package.json

@@ -17,7 +17,7 @@
     "@affine/templates": "workspace:*",
     "@affine/track": "workspace:*",
     "@blocksuite/affine": "workspace:*",
-    "@blocksuite/icons": "2.1.75",
+    "@blocksuite/icons": "2.2.1",
     "@capacitor/app": "^6.0.2",
     "@capacitor/browser": "^6.0.4",
     "@dnd-kit/core": "^6.3.1",

packages/frontend/core/src/components/affine/page-history-modal/history-modal.tsx

@@ -12,7 +12,7 @@ import { i18nTime, Trans, useI18n } from '@affine/i18n';
 import { track } from '@affine/track';
 import type { DocMode } from '@blocksuite/affine/blocks';
 import type { Blocks, Workspace } from '@blocksuite/affine/store';
-import { CloseIcon, ToggleCollapseIcon } from '@blocksuite/icons/rc';
+import { CloseIcon, ToggleRightIcon } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import type { DialogContentProps } from '@radix-ui/react-dialog';
 import { useLiveData, useService } from '@toeverything/infra';
@@ -319,7 +319,7 @@ const PageHistoryList = ({
                     data-testid="page-list-group-header-collapsed-button"
                     className={styles.collapsedIconContainer}
                   >
-                    <ToggleCollapseIcon
+                    <ToggleRightIcon
                       className={styles.collapsedIcon}
                       data-collapsed={!!collapsed}
                     />

packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-page.tsx

@@ -22,7 +22,7 @@ import {
   EdgelessIcon,
   LockIcon,
   PageIcon,
-  SingleSelectSelectSolidIcon,
+  SingleSelectCheckSolidIcon,
   ViewIcon,
 } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
@@ -108,7 +108,7 @@ export const AFFiNESharePage = (props: ShareMenuProps) => {
             'com.affine.share-menu.create-public-link.notification.success.message'
           ](),
         style: 'normal',
-        icon: <SingleSelectSelectSolidIcon color={cssVar('primaryColor')} />,
+        icon: <SingleSelectCheckSolidIcon color={cssVar('primaryColor')} />,
       });
     } catch (err) {
       notify.error({

packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.tsx

@@ -20,7 +20,7 @@ import {
 import { useI18n } from '@affine/i18n';
 import track from '@affine/track';
 import type { JobMiddleware } from '@blocksuite/affine/store';
-import { ToggleExpandIcon } from '@blocksuite/icons/rc';
+import { ToggleDownIcon } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import {
   LiveData,
@@ -109,7 +109,7 @@ const CollapsibleSection = ({
       <Collapsible.Trigger className={styles.link}>
         {title}
         {length ? (
-          <ToggleExpandIcon
+          <ToggleDownIcon
             className={styles.collapsedIcon}
             data-collapsed={!open}
           />

packages/frontend/core/src/components/doc-properties/sidebar/section.tsx

@@ -1,6 +1,6 @@
 import { IconButton } from '@affine/component';
 import { useI18n } from '@affine/i18n';
-import { ToggleCollapseIcon } from '@blocksuite/icons/rc';
+import { ToggleRightIcon } from '@blocksuite/icons/rc';
 import { Trigger as CollapsibleTrigger } from '@radix-ui/react-collapsible';
 
 import * as styles from './section.css';
@@ -14,7 +14,7 @@ export const DocPropertyListSidebarSection = () => {
       </span>
       <CollapsibleTrigger asChild>
         <IconButton>
-          <ToggleCollapseIcon className={styles.collapseIcon} />
+          <ToggleRightIcon className={styles.collapseIcon} />
         </IconButton>
       </CollapsibleTrigger>
     </div>
@@ -30,7 +30,7 @@ export const AddDocPropertySidebarSection = () => {
       </span>
       <CollapsibleTrigger asChild>
         <IconButton>
-          <ToggleCollapseIcon className={styles.collapseIcon} />
+          <ToggleRightIcon className={styles.collapseIcon} />
         </IconButton>
       </CollapsibleTrigger>
     </div>

packages/frontend/core/src/components/doc-properties/table.tsx

@@ -19,7 +19,7 @@ import { ViewService, WorkbenchService } from '@affine/core/modules/workbench';
 import type { AffineDNDData } from '@affine/core/types/dnd';
 import { useI18n } from '@affine/i18n';
 import { track } from '@affine/track';
-import { PlusIcon, PropertyIcon, ToggleExpandIcon } from '@blocksuite/icons/rc';
+import { PlusIcon, PropertyIcon, ToggleDownIcon } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import {
   useLiveData,
@@ -94,7 +94,7 @@ export const DocPropertiesTableHeader = ({
           className={styles.tableHeaderCollapseButtonWrapper}
           data-testid="page-info-collapse"
         >
-          <ToggleExpandIcon
+          <ToggleDownIcon
             className={styles.collapsedIcon}
             data-collapsed={!open}
           />

packages/frontend/core/src/components/page-list/page-group.tsx

@@ -3,7 +3,7 @@ import type { Tag } from '@affine/env/filter';
 import { useI18n } from '@affine/i18n';
 import { assertExists } from '@blocksuite/affine/global/utils';
 import type { DocMeta, Workspace } from '@blocksuite/affine/store';
-import { ToggleCollapseIcon, ViewLayersIcon } from '@blocksuite/icons/rc';
+import { ToggleRightIcon, ViewLayersIcon } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import { useLiveData, useService } from '@toeverything/infra';
 import clsx from 'clsx';
@@ -90,7 +90,7 @@ export const ItemGroupHeader = memo(function ItemGroupHeader<
         data-testid="page-list-group-header-collapsed-button"
         className={styles.collapsedIconContainer}
       >
-        <ToggleCollapseIcon
+        <ToggleRightIcon
           className={styles.collapsedIcon}
           data-collapsed={!!collapsed}
         />
@@ -156,7 +156,7 @@ export const ItemGroup = <T extends ListItem>({
             data-testid="page-list-group-header-collapsed-button"
             className={styles.collapsedIconContainer}
           >
-            <ToggleCollapseIcon
+            <ToggleRightIcon
               className={styles.collapsedIcon}
               data-collapsed={collapsed !== false}
             />

packages/frontend/core/src/desktop/dialogs/collection-editor/rules-mode.tsx

@@ -17,7 +17,7 @@ import {
   CloseIcon,
   EdgelessIcon,
   PageIcon,
-  ToggleCollapseIcon,
+  ToggleRightIcon,
 } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import { cssVar } from '@toeverything/theme';
@@ -135,7 +135,7 @@ export const RulesMode = ({
                       iconStyle={{
                         transform: expandInclude ? 'rotate(90deg)' : undefined,
                       }}
-                      icon={<ToggleCollapseIcon />}
+                      icon={<ToggleRightIcon />}
                     />
                     <div style={{ color: cssVar('textSecondaryColor') }}>
                       {t['com.affine.editCollection.rules.include.title']()}

packages/frontend/core/src/desktop/dialogs/setting/general-setting/plans/ai/actions/resume.tsx

@@ -9,7 +9,7 @@ import { SubscriptionService } from '@affine/core/modules/cloud';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
 import { track } from '@affine/track';
-import { SingleSelectSelectSolidIcon } from '@blocksuite/icons/rc';
+import { SingleSelectCheckSolidIcon } from '@blocksuite/icons/rc';
 import { useService } from '@toeverything/infra';
 import { cssVar } from '@toeverything/theme';
 import { nanoid } from 'nanoid';
@@ -57,7 +57,7 @@ export const AIResume = (btnProps: ButtonProps) => {
           });
         }
         notify({
-          icon: <SingleSelectSelectSolidIcon />,
+          icon: <SingleSelectCheckSolidIcon />,
           iconColor: cssVar('processingColor'),
           title:
             t['com.affine.payment.ai.action.resume.confirm.notify.title'](),

packages/frontend/core/src/mobile/components/app-tabs/data.tsx

@@ -1,4 +1,4 @@
-import { AllDocsIcon, MobileHomeIcon } from '@blocksuite/icons/rc';
+import { AllDocsIcon, HomeIcon } from '@blocksuite/icons/rc';
 import type { Framework } from '@toeverything/infra';
 
 import { AppTabCreate } from './create';
@@ -28,7 +28,7 @@ export const tabs: Tab[] = [
   {
     key: 'home',
     to: '/home',
-    Icon: MobileHomeIcon,
+    Icon: HomeIcon,
   },
   {
     key: 'all',

packages/frontend/core/src/mobile/components/explorer/layouts/collapsible-section.tsx

@@ -2,7 +2,7 @@ import {
   type CollapsibleSectionName,
   ExplorerService,
 } from '@affine/core/modules/explorer';
-import { ToggleCollapseIcon } from '@blocksuite/icons/rc';
+import { ToggleRightIcon } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import { useLiveData, useService } from '@toeverything/infra';
 import clsx from 'clsx';
@@ -60,7 +60,7 @@ const CollapsibleSectionTrigger = forwardRef<
       <div className={triggerLabel}>
         {label}
         {collapsible ? (
-          <ToggleCollapseIcon
+          <ToggleRightIcon
             width={16}
             height={16}
             data-testid="category-divider-collapse-button"

packages/frontend/core/src/mobile/views/all-docs/doc/list.tsx

@@ -9,7 +9,7 @@ import type { Tag } from '@affine/core/modules/tag';
 import { WorkspaceService } from '@affine/core/modules/workspace';
 import type { Collection, Filter } from '@affine/env/filter';
 import type { DocMeta } from '@blocksuite/affine/store';
-import { ToggleExpandIcon } from '@blocksuite/icons/rc';
+import { ToggleDownIcon } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import { useLiveData, useService } from '@toeverything/infra';
 import { useMemo } from 'react';
@@ -29,7 +29,7 @@ export const DocGroup = ({ group }: { group: ItemGroupProps<DocMeta> }) => {
     <Collapsible.Root defaultOpen>
       <Collapsible.Trigger className={styles.groupTitle}>
         {group.label}
-        <ToggleExpandIcon className={styles.groupTitleIcon} />
+        <ToggleDownIcon className={styles.groupTitleIcon} />
       </Collapsible.Trigger>
       <Collapsible.Content>
         <MasonryDocs items={group.items} showTags={showTags} />

packages/frontend/core/src/modules/app-sidebar/views/category-divider/index.tsx

@@ -1,4 +1,4 @@
-import { ToggleCollapseIcon } from '@blocksuite/icons/rc';
+import { ToggleRightIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import { type ForwardedRef, forwardRef, type PropsWithChildren } from 'react';
 
@@ -42,7 +42,7 @@ export const CategoryDivider = forwardRef(
         <div className={styles.label}>
           {label}
           {collapsible ? (
-            <ToggleCollapseIcon
+            <ToggleRightIcon
               width={16}
               height={16}
               data-testid="category-divider-collapse-button"

yarn.lock

@@ -220,7 +220,7 @@ __metadata:
     "@affine/core": "workspace:*"
     "@affine/i18n": "workspace:*"
     "@blocksuite/affine": "workspace:*"
-    "@blocksuite/icons": "npm:2.1.75"
+    "@blocksuite/icons": "npm:2.2.1"
     "@capacitor/android": "npm:^6.2.0"
     "@capacitor/cli": "npm:^6.2.0"
     "@capacitor/core": "npm:^6.2.0"
@@ -269,7 +269,7 @@ __metadata:
     "@atlaskit/pragmatic-drag-and-drop": "patch:@atlaskit/pragmatic-drag-and-drop@npm%3A1.4.0#~/.yarn/patches/@atlaskit-pragmatic-drag-and-drop-npm-1.4.0-75c45f52d3.patch"
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "npm:^1.0.3"
     "@blocksuite/affine": "workspace:*"
-    "@blocksuite/icons": "npm:2.1.75"
+    "@blocksuite/icons": "npm:2.2.1"
     "@chromatic-com/storybook": "npm:^3.2.2"
     "@emotion/react": "npm:^11.14.0"
     "@emotion/styled": "npm:^11.14.0"
@@ -356,7 +356,7 @@ __metadata:
     "@affine/templates": "workspace:*"
     "@affine/track": "workspace:*"
     "@blocksuite/affine": "workspace:*"
-    "@blocksuite/icons": "npm:2.1.75"
+    "@blocksuite/icons": "npm:2.2.1"
     "@capacitor/app": "npm:^6.0.2"
     "@capacitor/browser": "npm:^6.0.4"
     "@dnd-kit/core": "npm:^6.3.1"
@@ -595,7 +595,7 @@ __metadata:
     "@affine/i18n": "workspace:*"
     "@affine/native": "workspace:*"
     "@blocksuite/affine": "workspace:*"
-    "@blocksuite/icons": "npm:2.1.75"
+    "@blocksuite/icons": "npm:2.2.1"
     "@capacitor/app": "npm:^6.0.2"
     "@capacitor/browser": "npm:^6.0.4"
     "@capacitor/cli": "npm:^6.2.0"
@@ -625,7 +625,7 @@ __metadata:
     "@affine/core": "workspace:*"
     "@affine/i18n": "workspace:*"
     "@blocksuite/affine": "workspace:*"
-    "@blocksuite/icons": "npm:2.1.75"
+    "@blocksuite/icons": "npm:2.2.1"
     "@sentry/react": "npm:^8.44.0"
     "@types/react": "npm:^19.0.1"
     "@types/react-dom": "npm:^19.0.2"
@@ -3274,7 +3274,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3298,7 +3298,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3416,7 +3416,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3439,7 +3439,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3484,7 +3484,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3557,7 +3557,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3648,7 +3648,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3690,7 +3690,7 @@ __metadata:
     "@blocksuite/affine-model": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3738,7 +3738,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3861,7 +3861,7 @@ __metadata:
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/data-view": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/inline": "workspace:*"
     "@blocksuite/store": "workspace:*"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3916,7 +3916,7 @@ __metadata:
     "@blocksuite/affine-shared": "workspace:*"
     "@blocksuite/block-std": "workspace:*"
     "@blocksuite/global": "workspace:*"
-    "@blocksuite/icons": "npm:^2.1.75"
+    "@blocksuite/icons": "npm:^2.2.1"
     "@blocksuite/store": "workspace:*"
     "@emotion/hash": "npm:^0.9.2"
     "@floating-ui/dom": "npm:^1.6.10"
@@ -3941,9 +3941,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@blocksuite/icons@npm:2.1.75, @blocksuite/icons@npm:^2.1.75":
+"@blocksuite/icons@npm:2.2.1, @blocksuite/icons@npm:^2.2.1":
-  version: 2.1.75
+  version: 2.2.1
-  resolution: "@blocksuite/icons@npm:2.1.75"
+  resolution: "@blocksuite/icons@npm:2.2.1"
   peerDependencies:
     "@types/react": ^18.0.25
     lit: ^3.1.1
@@ -3953,7 +3953,7 @@ __metadata:
       optional: true
     react:
       optional: true
-  checksum: 10/25e8c25630690b7b1b13761593d9f776c3e78a7be6db4bd30f2c3a25134acd22a41a3258e324ac843ea04cfc9a2c29456563a254a6e7e627043b5248a82cb778
+  checksum: 10/2e7609f0f9e2225f40406fe97e3a64f5ed0523d97e099935c0c974e9e4099e36b727455d580a0b0d7e6331d0f1a1a89793d102b5a97d2b036730fe76551f7d54
   languageName: node
   linkType: hard