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

This commit is contained in:
CatsJuice
2025-01-06 03:10:03 +00:00
parent c22804766d
commit 09937a8e4d
37 changed files with 80 additions and 80 deletions

View File

@@ -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}
/>

View File

@@ -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({

View File

@@ -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}
/>

View File

@@ -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>

View File

@@ -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}
/>

View File

@@ -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}
/>

View File

@@ -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']()}

View File

@@ -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'](),

View File

@@ -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',

View File

@@ -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"

View File

@@ -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} />

View File

@@ -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"