fix(dashboard,ui): Fixes to Combobox and CategoryCombobox (#9537)

**What**
- Fixes the Combobox to keep the width of the content constant.
- Brings CategoryCombobox inline with the other Combobox component
- Adds keyboard navigation to the CategoryCombobox: You can now navigate options using ArrowUp and ArrowDown, and if an option has children you can use ArrowRight to see the children options.
- Add "outline-none" to the Drawer component to stop it from flashing whenever focus is dropped.
- Removes a dependency that was added to the UI package by mistake

Resolves CC-155
This commit is contained in:
Kasper Fabricius Kristensen
2024-10-12 14:46:32 +00:00
committed by GitHub
parent 93b38bf47b
commit 1f682daf5c
8 changed files with 1323 additions and 1765 deletions
@@ -75,7 +75,7 @@ const DrawerContent = React.forwardRef<
<DrawerPrimitives.Content
ref={ref}
className={clx(
"bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 flex w-full flex-1 flex-col rounded-lg border focus:outline-none max-sm:inset-x-2 max-sm:w-[calc(100%-16px)] sm:right-2 sm:max-w-[560px]",
"bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 flex w-full flex-1 flex-col rounded-lg border outline-none max-sm:inset-x-2 max-sm:w-[calc(100%-16px)] sm:right-2 sm:max-w-[560px]",
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200",
className
)}
@@ -86,7 +86,7 @@ const textVariants = cva({
],
})
interface TextProps
export interface TextProps
extends React.ComponentPropsWithoutRef<"p">,
VariantProps<typeof textVariants> {
asChild?: boolean