@fileverse/ui 5.1.6 → 5.1.8-dropdownmenu-1

package/dist/index.css

@@ -622,7 +622,7 @@ video {
     --color-bg-brand-light: 57, 92%, 76%, 1; /* Yellow-100 */
     --color-bg-danger: 354, 84%, 42%, 1; /* Red-200 */
     --color-bg-danger-light: 356, 100%, 97%, 1; /* Red-50 */
-    --color-bg-default-inverse: 0, 0%, 100%, 1; /* White */
+    --color-bg-default-inverse: 0, 0%, 0%, 1; /* White */
     --color-bg-tertiary: 0, 0%, 25%, 1; /* Gray-800 */
     --color-bg-success: 128, 59%, 20%, 1;
     --color-bg-success-light: 128, 59%, 20%, 1; /* Green-900 */
@@ -772,7 +772,7 @@ video {
     --color-bg-default-hover: 3, 88%, 26%, 0.08; /* #7C0E08 8% */
     --color-bg-default-active: 45, 100%, 65%, 1; /* #FFD24D */
     --color-bg-default-selected: 3, 88%, 26%, 0.06; /* #7C0E08 6% */
-    --color-bg-secondary: 345, 100%, 92%, 1; /* #FFD6E0 */
+    --color-bg-secondary: 346, 100%, 92%, 1; /* #FFD6E0 */
     --color-bg-secondary-hover: 3, 88%, 26%, 0.12; /* #7C0E08 12% */
     --color-bg-disabled: 24, 16%, 21%, 0.04; /* #3E352D 4% */
     --color-bg-brand: 45, 100%, 65%, 1; /* #FFD24D */
@@ -780,7 +780,7 @@ video {
     --color-bg-brand-light: 45, 100%, 90%, 1; /* #FFF2CC */
     --color-bg-danger: 2, 79%, 56%, 1; /* #E73D36 */
     --color-bg-danger-light: 2, 79%, 56%, 0.14; /* #E73D36 14% */
-    --color-bg-default-inverse: 28, 16%, 21%, 1; /* #3E352D */
+    --color-bg-default-inverse: 3, 88%, 26%, 1;
     --color-bg-tertiary: 3, 88%, 26%, 0.12; /* #7C0E08 12% */
     --color-bg-success: 139, 35%, 42%, 1; /* #46905E */
     --color-bg-success-light: 140, 34%, 88%, 1; /* #D6EBDD */
@@ -837,7 +837,7 @@ video {
     --color-button-floating-hover: 63, 15%, 74%, 0.06; /* #C6C7B3 6% */
 
     /* Text */
-    --color-text-default: 62, 27%, 83%, 1; /* #DFE0C9 */
+    --color-text-default: 63, 27%, 83%, 1; /* #DFE0C9 */
     --color-text-secondary: 84, 5%, 56%, 1; /* #909688 */
     --color-text-disabled: 104, 7%, 42%, 1; /* #687364 */
     --color-text-danger: 2, 99%, 68%, 1; /* #FE625D */
@@ -1137,6 +1137,10 @@ video {
     background-color: hsl(var(--color-bg-success-light));
   }
 
+  .color-bg-info-light {
+    background-color: hsl(var(--color-bg-info-light));
+  }
+
   .color-bg-success {
     background-color: hsl(var(--color-bg-success));
   }
@@ -1231,6 +1235,18 @@ video {
     border-color: hsl(var(--color-border-focused));
   }
 
+  .color-border-warning {
+    border-color: hsl(var(--color-border-warning));
+  }
+
+  .color-border-success {
+    border-color: hsl(var(--color-border-success));
+  }
+
+  .color-border-info {
+    border-color: hsl(var(--color-border-info));
+  }
+
   .color-border-danger {
     border-color: hsl(var(--color-border-danger));
   }
@@ -1660,6 +1676,9 @@ video {
 .h-14 {
   height: 3.5rem;
 }
+.h-2 {
+  height: 0.5rem;
+}
 .h-3 {
   height: 0.75rem;
 }
@@ -1824,6 +1843,9 @@ video {
 .w-16 {
   width: 4rem;
 }
+.w-2 {
+  width: 0.5rem;
+}
 .w-20 {
   width: 5rem;
 }
@@ -1851,6 +1873,9 @@ video {
 .w-52 {
   width: 13rem;
 }
+.w-56 {
+  width: 14rem;
+}
 .w-6 {
   width: 1.5rem;
 }
@@ -2555,6 +2580,9 @@ video {
 .bg-none {
   background-image: none;
 }
+.fill-current {
+  fill: currentColor;
+}
 .stroke-\[hsl\(var\(--color-bg-default\)\)\] {
   stroke: hsl(var(--color-bg-default));
 }
@@ -2713,9 +2741,15 @@ video {
 .pl-6 {
   padding-left: 1.5rem;
 }
+.pl-8 {
+  padding-left: 2rem;
+}
 .pr-10 {
   padding-right: 2.5rem;
 }
+.pr-2 {
+  padding-right: 0.5rem;
+}
 .pr-3 {
   padding-right: 0.75rem;
 }

package/dist/index.es.d.ts

@@ -7,6 +7,7 @@ import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
 import { Drawer as Drawer_2 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { EmojiClickData } from 'emoji-picker-react';
 import { default as EmojiPicker } from 'emoji-picker-react';
 import { EmojiStyle } from 'emoji-picker-react';
@@ -349,6 +350,47 @@ export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 
 export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+
+export declare const DropdownMenuArrow: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+
+export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+
+export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
 export declare const DynamicAlert: ({ title, description, variant, icon, className, iconClassName, ...props }: DynamicAlertProps) => JSX_2.Element;
 
 export declare interface DynamicAlertProps {
@@ -1026,6 +1068,7 @@ export declare const Tooltip: React_2.ForwardRefExoticComponent<TooltipProps & R
 export declare interface TooltipProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof tooltipVariants> {
     text: string | React_2.ReactNode;
     sideOffset?: number;
+    asTriggerChild?: boolean;
     open?: boolean;
 }