feat: brand new version of icons (#3496)

packages/component/package.json

@@ -55,7 +55,7 @@
     "@blocksuite/blocks": "0.0.0-20230730071529-580daeb9-nightly",
     "@blocksuite/editor": "0.0.0-20230730071529-580daeb9-nightly",
     "@blocksuite/global": "0.0.0-20230730071529-580daeb9-nightly",
-    "@blocksuite/icons": "^2.1.27",
+    "@blocksuite/icons": "^2.1.29",
     "@blocksuite/lit": "0.0.0-20230730071529-580daeb9-nightly",
     "@blocksuite/store": "0.0.0-20230730071529-580daeb9-nightly",
     "@types/react": "^18.2.17",

packages/component/src/components/page-list/filter/shared-types.tsx

@@ -5,9 +5,10 @@ import type {
   VariableMap,
 } from '@affine/env/filter';
 import {
-  DateTimeIcon,
-  FavoritedIcon,
-  MultiSelectIcon,
+  CreatedIcon,
+  FavoriteIcon,
+  TagsIcon,
+  UpdatedIcon,
 } from '@blocksuite/icons';
 import type { ReactElement } from 'react';
 
@@ -29,19 +30,19 @@ export type FilterVariable = {
 export const variableDefineMap = {
   Created: {
     type: () => tDate.create(),
-    icon: <DateTimeIcon />,
+    icon: <CreatedIcon />,
   },
   Updated: {
     type: () => tDate.create(),
-    icon: <DateTimeIcon />,
+    icon: <UpdatedIcon />,
   },
   'Is Favourited': {
     type: () => tBoolean.create(),
-    icon: <FavoritedIcon />,
+    icon: <FavoriteIcon />,
   },
   Tags: {
     type: meta => tArray(tTag.create({ tags: meta.tags.options })),
-    icon: <MultiSelectIcon />,
+    icon: <TagsIcon />,
   },
   // Imported: {
   //   type: tBoolean.create(),