fix: rename shadowSxDownLg -> shadow1

apps/ligo-virgo/src/pages/workspace/docs/Page.tsx

@@ -210,7 +210,7 @@ const WorkspaceSidebar = styled('div')(({ theme }) => ({
     width: 300,
     minWidth: 300,
     borderRadius: '0px 10px 10px 0px',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
     backgroundColor: '#FFFFFF',
     transitionProperty: 'left',
     transitionDuration: '0.35s',

libs/components/common/src/lib/text/plugins/link.tsx

@@ -125,7 +125,7 @@ const LinkStyledTooltip = styled(({ className, ...props }: MuiTooltipProps) => (
     [`& .${muiTooltipClasses.tooltip}`]: {
         backgroundColor: '#fff',
         color: '#4C6275',
-        boxShadow: theme.affine.shadows.shadowSxDownLg,
+        boxShadow: theme.affine.shadows.shadow1,
         fontSize: '14px',
     },
     [`& .MuiTooltip-tooltipPlacementBottom`]: {
@@ -497,7 +497,7 @@ const LinkModalContainer = styled('div')(({ theme }) => ({
     padding: '12px',
     display: 'flex',
     borderRadius: '4px',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
     backgroundColor: '#fff',
     alignItems: 'center',
     zIndex: '1',

libs/components/editor-blocks/src/blocks/group/GroupView.tsx

@@ -69,7 +69,7 @@ const GroupContainer = styled('div')<{ isSelect?: boolean }>(
               }
             : {
                   '&:hover': {
-                      boxShadow: theme.affine.shadows.shadowSxDownLg,
+                      boxShadow: theme.affine.shadows.shadow1,
                   },
               }),
     })

libs/components/editor-blocks/src/blocks/group/components/Panel.tsx

@@ -6,7 +6,7 @@ const StyledPanel = styled('div')(({ theme }) => ({
     position: 'absolute',
     top: 50,
     background: '#FFFFFF',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
     borderRadius: 10,
     padding: '12px 24px',
 }));

libs/components/editor-plugins/src/comment/Container.tsx

@@ -64,7 +64,7 @@ const StyledContainerForAddCommentContainer = styled('div')(({ theme }) => {
         zIndex: 1,
         display: 'flex',
         borderRadius: theme.affine.shape.borderRadius,
-        boxShadow: theme.affine.shadows.shadowSxDownLg,
+        boxShadow: theme.affine.shadows.shadow1,
         backgroundColor: theme.affine.palette.white,
     };
 });

libs/components/editor-plugins/src/menu/command-menu/Container.tsx

@@ -31,7 +31,7 @@ const RootContainer = styled('div')(({ theme }) => {
         width: 352,
         maxHeight: 525,
         borderRadius: '10px',
-        boxShadow: theme.affine.shadows.shadowSxDownLg,
+        boxShadow: theme.affine.shadows.shadow1,
         backgroundColor: '#fff',
         padding: '8px 4px',
     };

libs/components/editor-plugins/src/menu/inline-menu/Container.tsx

@@ -82,6 +82,6 @@ const ToolbarContainer = styled('div')(({ theme }) => ({
     alignItems: 'center',
     padding: '0 12px',
     borderRadius: '10px',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
     backgroundColor: '#fff',
 }));

libs/components/editor-plugins/src/menu/reference-menu/Container.tsx

@@ -179,7 +179,7 @@ const RootContainer = styled('div')(({ theme }) => ({
     zIndex: 1,
     maxHeight: '525px',
     borderRadius: '10px',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
     backgroundColor: '#fff',
     padding: '8px 4px',
 }));

libs/components/editor-plugins/src/search/Search.tsx

@@ -108,7 +108,7 @@ export const Search = (props: SearchProps) => {
 const SearchInput = styled('input')(({ theme }) => ({
     margin: '0.5em',
     backgroundColor: 'white',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
     padding: '16px 32px',
     borderRadius: '10px',
 }));
@@ -116,7 +116,7 @@ const SearchInput = styled('input')(({ theme }) => ({
 const ResultContainer = styled(MuiBox)(({ theme }) => ({
     margin: '0.5em',
     backgroundColor: 'white',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
     padding: '16px 32px',
     borderRadius: '10px',
     transitionProperty: 'max-height',

libs/components/layout/src/header/EditorBoardSwitcher/StatusIcon.tsx

@@ -20,7 +20,7 @@ const IconWrapper = styled('div')<Pick<StatusIconProps, 'mode'>>(
             width: '20px',
             height: '20px',
             borderRadius: '5px',
-            boxShadow: theme.affine.shadows.shadowSxDownLg,
+            boxShadow: theme.affine.shadows.shadow1,
             color: theme.affine.palette.primary,
             cursor: 'pointer',
             backgroundColor: theme.affine.palette.white,

libs/components/layout/src/settings-sidebar/Comments/CommentItem.tsx

@@ -94,7 +94,7 @@ const StyledContainerForCommentItem = styled('div', {
         transition: 'left 150ms ease-in-out',
         backgroundColor: theme.affine.palette.white,
         '&:hover': {
-            boxShadow: theme.affine.shadows.shadowSxDownLg,
+            boxShadow: theme.affine.shadows.shadow1,
         },
     };
 });

libs/components/ui/src/cascader/Cascader.tsx

@@ -133,7 +133,7 @@ export function Cascader(props: CascaderProps) {
 const MenuPaper = styled('div')(({ theme }) => ({
     fontFamily: 'PingFang SC',
     background: '#FFF',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
     borderRadius: '10px 0px 10px 10px',
     color: '#4C6275',
     fontWeight: '400',

libs/components/ui/src/popover/Container.tsx

@@ -12,7 +12,7 @@ const border_radius_map: Record<PopoverContainerProps['direction'], string> = {
 export const PopoverContainer = styled('div')<
     Pick<PopoverContainerProps, 'direction'>
 >(({ theme, direction, style }) => {
-    const shadow = theme.affine.shadows.shadowSxDownLg;
+    const shadow = theme.affine.shadows.shadow1;
     const white = theme.affine.palette.white;
 
     const borderRadius =

libs/components/ui/src/select/Select.tsx

@@ -117,7 +117,7 @@ const StyledListbox = styled('ul')(({ theme }) => ({
     background: '#fff',
     borderRadius: '10px',
     overflow: 'auto',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
 }));
 
 const StyledPopper = styled(PopperUnstyled)`

libs/components/ui/src/theme/theme.ts

@@ -70,7 +70,7 @@ interface Typography {
 
 interface Shadows {
     none: 'none';
-    shadowSxDownLg: string;
+    shadow1: string;
 }
 
 type StringWithNone = [
@@ -225,7 +225,7 @@ export const Theme = {
     },
     shadows: {
         none: 'none',
-        shadowSxDownLg: '0px 1px 5px rgba(152, 172, 189, 0.2)',
+        shadow1: '0px 1px 5px rgba(152, 172, 189, 0.2)',
     },
     border: ['none'],
     spacing: {