From e2c789ba17185e53306eba62089d8c9adc6f1c2b Mon Sep 17 00:00:00 2001 From: Universe Date: Wed, 13 Mar 2024 08:55:46 +0900 Subject: [PATCH] bump dropdown --- packages/editor-ui-dropdown-menu/dropdown-menu.tsx | 4 +++- packages/editor-ui-dropdown-menu/package.json | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/editor-ui-dropdown-menu/dropdown-menu.tsx b/packages/editor-ui-dropdown-menu/dropdown-menu.tsx index 431ded7..23ff542 100644 --- a/packages/editor-ui-dropdown-menu/dropdown-menu.tsx +++ b/packages/editor-ui-dropdown-menu/dropdown-menu.tsx @@ -49,6 +49,7 @@ const itemStyles = { // color: violet.violet11, borderRadius: 3, display: "flex", + gap: 4, alignItems: "center", height: 25, padding: "0 5px", @@ -75,7 +76,7 @@ const StyledCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, { const StyledRadioItem = styled(DropdownMenuPrimitive.RadioItem, { ...itemStyles, }); -const StyledTriggerItem = styled(DropdownMenuPrimitive.TriggerItem, { +const StyledTriggerItem = styled(DropdownMenuPrimitive.SubTrigger, { '&[data-state="open"]': { // backgroundColor: violet.violet4, // color: violet.violet11, @@ -111,6 +112,7 @@ const StyledArrow = styled(DropdownMenuPrimitive.Arrow, { // Exports export const DropdownMenu = DropdownMenuPrimitive.Root; +export const DropdownMenuPortal = DropdownMenuPrimitive.Portal; export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger; export const DropdownMenuContent = StyledContent; export const DropdownMenuItem = StyledItem; diff --git a/packages/editor-ui-dropdown-menu/package.json b/packages/editor-ui-dropdown-menu/package.json index 1b4c300..838f53a 100644 --- a/packages/editor-ui-dropdown-menu/package.json +++ b/packages/editor-ui-dropdown-menu/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "private": false, "dependencies": { - "@radix-ui/react-dropdown-menu": "^0.1.6", + "@radix-ui/react-dropdown-menu": "^2.0.6", "@stitches/react": "^1.2.8" } } \ No newline at end of file