fix: rename shadowSxDownLg -> shadow1

2026-02-11 20:08:37 +00:00 · 2022-08-04 17:47:09 +08:00
parent 37a7e36c45
commit ce5a523b12
15 changed files with 18 additions and 18 deletions
--- a/apps/ligo-virgo/src/pages/workspace/docs/Page.tsx
+++ b/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',
--- a/libs/components/common/src/lib/text/plugins/link.tsx
+++ b/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',
--- a/libs/components/editor-blocks/src/blocks/group/GroupView.tsx
+++ b/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,
                  },
              }),
    })
--- a/libs/components/editor-blocks/src/blocks/group/components/Panel.tsx
+++ b/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',
 }));
--- a/libs/components/editor-plugins/src/comment/Container.tsx
+++ b/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,
    };
 });
--- a/libs/components/editor-plugins/src/menu/command-menu/Container.tsx
+++ b/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',
    };
--- a/libs/components/editor-plugins/src/menu/inline-menu/Container.tsx
+++ b/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',
 }));
--- a/libs/components/editor-plugins/src/menu/reference-menu/Container.tsx
+++ b/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',
 }));
--- a/libs/components/editor-plugins/src/search/Search.tsx
+++ b/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',
--- a/libs/components/layout/src/header/EditorBoardSwitcher/StatusIcon.tsx
+++ b/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,
--- a/libs/components/layout/src/settings-sidebar/Comments/CommentItem.tsx
+++ b/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,
        },
    };
 });
--- a/libs/components/ui/src/cascader/Cascader.tsx
+++ b/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',
--- a/libs/components/ui/src/popover/Container.tsx
+++ b/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 =
--- a/libs/components/ui/src/select/Select.tsx
+++ b/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)`
--- a/libs/components/ui/src/theme/theme.ts
+++ b/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: {