diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx index 166fe56b8d7..7a9993c7c63 100644 --- a/packages/ui/index.tsx +++ b/packages/ui/index.tsx @@ -31,7 +31,6 @@ export * from './src/components/NavMenu' export * from './src/components/Modal' export * from './src/components/SidePanel' export * from './src/components/ContextMenu' -export * from './src/components/Popover' // HTML diff --git a/packages/ui/src/components/Popover/Popover.module.css b/packages/ui/src/components/Popover/Popover.module.css deleted file mode 100644 index 153072e5dbc..00000000000 --- a/packages/ui/src/components/Popover/Popover.module.css +++ /dev/null @@ -1,63 +0,0 @@ -.sbui-popover__content { - @apply bg-background p-0; - @apply border; - @apply rounded; - @apply shadow; - border-style: solid; - border-width: 1px; -} - -/* @keyframes fadeIn { - from { - transform: scale(0.95); - opacity: 0; - } - to { - transform: scale(1); - opacity: 1; - } -} - -@keyframes fadeOut { - from { - transform: scale(1); - opacity: 1; - } - to { - transform: scale(0.95); - opacity: 0; - } -} */ - -/* .sbui-popover__content { - transform-origin: var(--radix-popover-menu-content-transform-origin); -} - -.sbui-popover__content[data-state='open'] { - animation: fadeIn 50ms ease-out; -} - -.sbui-popover__content[data-state='closed'] { - animation: fadeOut 50ms ease-in; -} */ - -/* .sbui-popover__trigger { - @apply border-none bg-transparent p-0 focus:ring-0; -} */ - -.sbui-popover__arrow { - @apply fill-current text-background; - @apply border-0 border-t; - border-style: solid; -} - -.sbui-popover__close { - @apply absolute top-1 right-0; - @apply bg-transparent cursor-pointer border-none; - - @apply text-background-surface-100; - @apply hover:text-background-surface-200; - - @apply dark:text-background-surface-200; - @apply dark:hover:text-background-surface-00; -} diff --git a/packages/ui/src/components/Popover/Popover.tsx b/packages/ui/src/components/Popover/Popover.tsx deleted file mode 100644 index faea74be735..00000000000 --- a/packages/ui/src/components/Popover/Popover.tsx +++ /dev/null @@ -1,126 +0,0 @@ -'use client' - -import type * as RadixPopoverTypes from '@radix-ui/react-popover' -import * as RadixPopover from '@radix-ui/react-popover' -import * as React from 'react' -import { X } from 'lucide-react' - -import styleHandler from '../../lib/theme/styleHandler' - -interface RootProps { - align?: RadixPopoverTypes.PopoverContentProps['align'] - ariaLabel?: string - arrow?: boolean - children?: React.ReactNode - className?: string - defaultOpen?: boolean - disabled?: boolean - modal?: boolean - onOpenChange?: RadixPopoverTypes.PopoverProps['onOpenChange'] - open?: boolean - overlay?: React.ReactNode - showClose?: boolean - side?: RadixPopoverTypes.PopoverContentProps['side'] - sideOffset?: RadixPopoverTypes.PopoverContentProps['sideOffset'] - style?: React.CSSProperties - header?: React.ReactNode - footer?: React.ReactNode - size?: 'tiny' | 'small' | 'medium' | 'large' | 'xlarge' | 'content' - 'data-testid'?: string -} - -/** - * @deprecated Use ./Popover_shadcn_ instead - */ -function Popover({ - align = 'center', - ariaLabel, - arrow = false, - children, - className, - defaultOpen = false, - modal, - onOpenChange, - open, - overlay, - side = 'bottom', - sideOffset = 6, - style, - header, - footer, - size = 'content', - disabled, - 'data-testid': dataTestId, -}: RootProps) { - const __styles = styleHandler('popover') - - let classes = [__styles.content, __styles.size[size]] - if (className) { - classes.push(className) - } - - return ( - - - {children} - - - - - {arrow && ( - - )} - {header &&
{header}
} - {overlay} - {footer &&
{footer}
} -
-
-
- ) -} - -/** - * @deprecated Use ./Popover_shadcn_ instead - */ -function Close() { - const __styles = styleHandler('popover') - - return ( - - - - ) -} - -/** - * @deprecated Use ./PopoverSeparator_Shadcn_ instead - */ -function Separator() { - const __styles = styleHandler('popover') - - return
-} - -Popover.Separator = Separator -Popover.Close = Close -export default Popover diff --git a/packages/ui/src/components/Popover/index.tsx b/packages/ui/src/components/Popover/index.tsx deleted file mode 100644 index c6e06a314a2..00000000000 --- a/packages/ui/src/components/Popover/index.tsx +++ /dev/null @@ -1 +0,0 @@ -export { default as Popover } from './Popover'