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

2026-02-16 13:57:02 +08:00 · 2025-01-06 03:10:03 +00:00
parent c22804766d
commit 09937a8e4d
37 changed files with 80 additions and 80 deletions
--- a/packages/frontend/apps/android/package.json
+++ b/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",
--- a/packages/frontend/apps/ios/package.json
+++ b/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",
--- a/packages/frontend/apps/mobile/package.json
+++ b/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",
--- a/packages/frontend/component/package.json
+++ b/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",
--- a/packages/frontend/component/src/ui/notification/notification-center.stories.tsx
+++ b/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')} />,
    },
  ];

--- a/packages/frontend/component/src/ui/notification/notify.tsx
+++ b/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,
--- a/packages/frontend/component/src/ui/property/property.tsx
+++ b/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}
            />
--- a/packages/frontend/core/package.json
+++ b/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",
--- a/packages/frontend/core/src/components/affine/page-history-modal/history-modal.tsx
+++ b/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}
                    />
--- a/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-page.tsx
+++ b/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({
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.tsx
+++ b/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}
          />
--- a/packages/frontend/core/src/components/doc-properties/sidebar/section.tsx
+++ b/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>
--- a/packages/frontend/core/src/components/doc-properties/table.tsx
+++ b/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}
          />
--- a/packages/frontend/core/src/components/page-list/page-group.tsx
+++ b/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}
            />
--- a/packages/frontend/core/src/desktop/dialogs/collection-editor/rules-mode.tsx
+++ b/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']()}
--- a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/plans/ai/actions/resume.tsx
+++ b/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'](),
--- a/packages/frontend/core/src/mobile/components/app-tabs/data.tsx
+++ b/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',
--- a/packages/frontend/core/src/mobile/components/explorer/layouts/collapsible-section.tsx
+++ b/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"
--- a/packages/frontend/core/src/mobile/views/all-docs/doc/list.tsx
+++ b/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} />
--- a/packages/frontend/core/src/modules/app-sidebar/views/category-divider/index.tsx
+++ b/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"