@fileverse/ui 5.1.8-dropdownmenu-1 → 5.1.8-dropdownmenu-3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +4 -72
- package/dist/index.es.d.ts +0 -43
- package/dist/index.es.js +12483 -13398
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -541,7 +541,6 @@ video {
|
|
|
541
541
|
--color-bg-tertiary: 195, 10%, 92%, 1; /* Tertiary */
|
|
542
542
|
--color-bg-success: 126, 73%, 39%, 1;
|
|
543
543
|
--color-bg-success-light: 124, 79%, 93%, 1; /* Green-100 */
|
|
544
|
-
--color-bg-info-light: 248, 100%, 97%, 1;
|
|
545
544
|
|
|
546
545
|
/* Border */
|
|
547
546
|
--color-border-default: 195, 10%, 92%, 1; /* Gray-200 */
|
|
@@ -572,12 +571,7 @@ video {
|
|
|
572
571
|
--color-bg-tooltip: 0, 0%, 0%, 1; /* Black */
|
|
573
572
|
--color-text-tooltip: 0, 0%, 100%, 1; /* White */
|
|
574
573
|
|
|
575
|
-
/* Inline Comment */
|
|
576
|
-
--color-inline-comment: 124, 79%, 93%, 1; /* #DDFBDF */
|
|
577
|
-
--color-inline-comment-active: 126, 74%, 73%, 1; /* #88ED92 */
|
|
578
|
-
|
|
579
574
|
/* Utility */
|
|
580
|
-
--color-bg-transparent: 0, 0%, 0%, 0.04; /* Black 4% */
|
|
581
575
|
--color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
|
|
582
576
|
|
|
583
577
|
/* Elevation */
|
|
@@ -622,11 +616,10 @@ video {
|
|
|
622
616
|
--color-bg-brand-light: 57, 92%, 76%, 1; /* Yellow-100 */
|
|
623
617
|
--color-bg-danger: 354, 84%, 42%, 1; /* Red-200 */
|
|
624
618
|
--color-bg-danger-light: 356, 100%, 97%, 1; /* Red-50 */
|
|
625
|
-
--color-bg-default-inverse: 0, 0%,
|
|
619
|
+
--color-bg-default-inverse: 0, 0%, 100%, 1; /* White */
|
|
626
620
|
--color-bg-tertiary: 0, 0%, 25%, 1; /* Gray-800 */
|
|
627
621
|
--color-bg-success: 128, 59%, 20%, 1;
|
|
628
622
|
--color-bg-success-light: 128, 59%, 20%, 1; /* Green-900 */
|
|
629
|
-
--color-bg-info-light: 254, 100%, 73%, 0.16;
|
|
630
623
|
|
|
631
624
|
/* Border */
|
|
632
625
|
--color-border-default: 0, 0%, 25%, 1; /* Gray-800 */
|
|
@@ -657,12 +650,7 @@ video {
|
|
|
657
650
|
--color-bg-tooltip: 0, 0%, 100%, 1; /* White */
|
|
658
651
|
--color-text-tooltip: 0, 0%, 0%, 1; /* Black */
|
|
659
652
|
|
|
660
|
-
/* Inline Comment */
|
|
661
|
-
--color-inline-comment: 128, 59%, 20%, 1; /* #15521D */
|
|
662
|
-
--color-inline-comment-active: 127, 69%, 29%, 1; /* #177E23 */
|
|
663
|
-
|
|
664
653
|
/* Utility */
|
|
665
|
-
--color-bg-transparent: 0, 0%, 100%, 0.04; /* White 4% */
|
|
666
654
|
--color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
|
|
667
655
|
}
|
|
668
656
|
|
|
@@ -705,7 +693,6 @@ video {
|
|
|
705
693
|
--color-bg-tertiary: 44, 32%, 86%, 1; /* #E7E1D0 */
|
|
706
694
|
--color-bg-success: 77, 23%, 35%, 1; /* #616C44 */
|
|
707
695
|
--color-bg-success-light: 76, 23%, 64%, 1; /* #ADB88E */
|
|
708
|
-
--color-bg-info-light: 199, 45%, 87%, 1;
|
|
709
696
|
|
|
710
697
|
/* Border */
|
|
711
698
|
--color-border-default: 41, 49%, 76%, 1; /* #E0CDA4 */
|
|
@@ -736,12 +723,7 @@ video {
|
|
|
736
723
|
--color-bg-tooltip: 28, 16%, 21%, 1; /* #3E352D */
|
|
737
724
|
--color-text-tooltip: 41, 61%, 84%, 1; /* #EFDFBD */
|
|
738
725
|
|
|
739
|
-
/* Inline Comment */
|
|
740
|
-
--color-inline-comment: 76, 23%, 72%, 1; /* #BFC8A7 */
|
|
741
|
-
--color-inline-comment-active: 75, 23%, 62%, 1; /* #A9B488 */
|
|
742
|
-
|
|
743
726
|
/* Utility */
|
|
744
|
-
--color-bg-transparent: 28, 16%, 21%, 0.04; /* #3E352D 4% */
|
|
745
727
|
--color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
|
|
746
728
|
}
|
|
747
729
|
|
|
@@ -772,7 +754,7 @@ video {
|
|
|
772
754
|
--color-bg-default-hover: 3, 88%, 26%, 0.08; /* #7C0E08 8% */
|
|
773
755
|
--color-bg-default-active: 45, 100%, 65%, 1; /* #FFD24D */
|
|
774
756
|
--color-bg-default-selected: 3, 88%, 26%, 0.06; /* #7C0E08 6% */
|
|
775
|
-
--color-bg-secondary:
|
|
757
|
+
--color-bg-secondary: 345, 100%, 92%, 1; /* #FFD6E0 */
|
|
776
758
|
--color-bg-secondary-hover: 3, 88%, 26%, 0.12; /* #7C0E08 12% */
|
|
777
759
|
--color-bg-disabled: 24, 16%, 21%, 0.04; /* #3E352D 4% */
|
|
778
760
|
--color-bg-brand: 45, 100%, 65%, 1; /* #FFD24D */
|
|
@@ -780,11 +762,10 @@ video {
|
|
|
780
762
|
--color-bg-brand-light: 45, 100%, 90%, 1; /* #FFF2CC */
|
|
781
763
|
--color-bg-danger: 2, 79%, 56%, 1; /* #E73D36 */
|
|
782
764
|
--color-bg-danger-light: 2, 79%, 56%, 0.14; /* #E73D36 14% */
|
|
783
|
-
--color-bg-default-inverse:
|
|
765
|
+
--color-bg-default-inverse: 28, 16%, 21%, 1; /* #3E352D */
|
|
784
766
|
--color-bg-tertiary: 3, 88%, 26%, 0.12; /* #7C0E08 12% */
|
|
785
767
|
--color-bg-success: 139, 35%, 42%, 1; /* #46905E */
|
|
786
768
|
--color-bg-success-light: 140, 34%, 88%, 1; /* #D6EBDD */
|
|
787
|
-
--color-bg-info-light: 209, 89%, 88%, 1;
|
|
788
769
|
|
|
789
770
|
/* Border */
|
|
790
771
|
--color-border-default: 346, 100%, 90%, 1; /* #FFCCD8 */
|
|
@@ -815,12 +796,7 @@ video {
|
|
|
815
796
|
--color-bg-tooltip: 3, 88%, 26%, 1; /* #7C0E08 */
|
|
816
797
|
--color-text-tooltip: 346, 100%, 95%, 1; /* #FFE6EC */
|
|
817
798
|
|
|
818
|
-
/* Inline Comment */
|
|
819
|
-
--color-inline-comment: 139, 35%, 86%, 1; /* #CFE8D7 */
|
|
820
|
-
--color-inline-comment-active: 139, 36%, 78%, 1; /* #B3DBC0 */
|
|
821
|
-
|
|
822
799
|
/* Utility */
|
|
823
|
-
--color-bg-transparent: 3, 88%, 26%, 0.04; /* #7C0E08 4% */
|
|
824
800
|
--color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
|
|
825
801
|
}
|
|
826
802
|
|
|
@@ -837,7 +813,7 @@ video {
|
|
|
837
813
|
--color-button-floating-hover: 63, 15%, 74%, 0.06; /* #C6C7B3 6% */
|
|
838
814
|
|
|
839
815
|
/* Text */
|
|
840
|
-
--color-text-default:
|
|
816
|
+
--color-text-default: 62, 27%, 83%, 1; /* #DFE0C9 */
|
|
841
817
|
--color-text-secondary: 84, 5%, 56%, 1; /* #909688 */
|
|
842
818
|
--color-text-disabled: 104, 7%, 42%, 1; /* #687364 */
|
|
843
819
|
--color-text-danger: 2, 99%, 68%, 1; /* #FE625D */
|
|
@@ -863,7 +839,6 @@ video {
|
|
|
863
839
|
--color-bg-tertiary: 63, 15%, 74%, 0.12; /* #C6C7B3 12% */
|
|
864
840
|
--color-bg-success: 120, 46%, 55%, 1; /* #59C259 */
|
|
865
841
|
--color-bg-success-light: 120, 46%, 55%, 0.16; /* #59C259 16% */
|
|
866
|
-
--color-bg-info-light: 197, 78%, 64%, 0.16;
|
|
867
842
|
|
|
868
843
|
/* Border */
|
|
869
844
|
--color-border-default: 120, 8%, 30%, 1; /* #465346 */
|
|
@@ -894,12 +869,7 @@ video {
|
|
|
894
869
|
--color-bg-tooltip: 120, 9%, 76%, 1; /* #BCC7BC */
|
|
895
870
|
--color-text-tooltip: 120, 9%, 24%, 1; /* #384338 */
|
|
896
871
|
|
|
897
|
-
/* Inline Comment */
|
|
898
|
-
--color-inline-comment: 120, 47%, 20%, 1; /* #1B4B1B */
|
|
899
|
-
--color-inline-comment-active: 120, 47%, 28%, 1; /* #266826 */
|
|
900
|
-
|
|
901
872
|
/* Utility */
|
|
902
|
-
--color-bg-transparent: 63, 15%, 74%, 0.04; /* #C6C7B3 4% */
|
|
903
873
|
--color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
|
|
904
874
|
}
|
|
905
875
|
* {
|
|
@@ -1137,10 +1107,6 @@ video {
|
|
|
1137
1107
|
background-color: hsl(var(--color-bg-success-light));
|
|
1138
1108
|
}
|
|
1139
1109
|
|
|
1140
|
-
.color-bg-info-light {
|
|
1141
|
-
background-color: hsl(var(--color-bg-info-light));
|
|
1142
|
-
}
|
|
1143
|
-
|
|
1144
1110
|
.color-bg-success {
|
|
1145
1111
|
background-color: hsl(var(--color-bg-success));
|
|
1146
1112
|
}
|
|
@@ -1161,10 +1127,6 @@ video {
|
|
|
1161
1127
|
color: hsl(var(--color-text-tooltip));
|
|
1162
1128
|
}
|
|
1163
1129
|
|
|
1164
|
-
.color-bg-transparent {
|
|
1165
|
-
background-color: hsl(var(--color-bg-transparent));
|
|
1166
|
-
}
|
|
1167
|
-
|
|
1168
1130
|
.color-button-default {
|
|
1169
1131
|
background-color: hsl(var(--color-button-default));
|
|
1170
1132
|
border-color: hsl(var(--color-button-default));
|
|
@@ -1235,18 +1197,6 @@ video {
|
|
|
1235
1197
|
border-color: hsl(var(--color-border-focused));
|
|
1236
1198
|
}
|
|
1237
1199
|
|
|
1238
|
-
.color-border-warning {
|
|
1239
|
-
border-color: hsl(var(--color-border-warning));
|
|
1240
|
-
}
|
|
1241
|
-
|
|
1242
|
-
.color-border-success {
|
|
1243
|
-
border-color: hsl(var(--color-border-success));
|
|
1244
|
-
}
|
|
1245
|
-
|
|
1246
|
-
.color-border-info {
|
|
1247
|
-
border-color: hsl(var(--color-border-info));
|
|
1248
|
-
}
|
|
1249
|
-
|
|
1250
1200
|
.color-border-danger {
|
|
1251
1201
|
border-color: hsl(var(--color-border-danger));
|
|
1252
1202
|
}
|
|
@@ -1676,9 +1626,6 @@ video {
|
|
|
1676
1626
|
.h-14 {
|
|
1677
1627
|
height: 3.5rem;
|
|
1678
1628
|
}
|
|
1679
|
-
.h-2 {
|
|
1680
|
-
height: 0.5rem;
|
|
1681
|
-
}
|
|
1682
1629
|
.h-3 {
|
|
1683
1630
|
height: 0.75rem;
|
|
1684
1631
|
}
|
|
@@ -1843,9 +1790,6 @@ video {
|
|
|
1843
1790
|
.w-16 {
|
|
1844
1791
|
width: 4rem;
|
|
1845
1792
|
}
|
|
1846
|
-
.w-2 {
|
|
1847
|
-
width: 0.5rem;
|
|
1848
|
-
}
|
|
1849
1793
|
.w-20 {
|
|
1850
1794
|
width: 5rem;
|
|
1851
1795
|
}
|
|
@@ -1873,9 +1817,6 @@ video {
|
|
|
1873
1817
|
.w-52 {
|
|
1874
1818
|
width: 13rem;
|
|
1875
1819
|
}
|
|
1876
|
-
.w-56 {
|
|
1877
|
-
width: 14rem;
|
|
1878
|
-
}
|
|
1879
1820
|
.w-6 {
|
|
1880
1821
|
width: 1.5rem;
|
|
1881
1822
|
}
|
|
@@ -2580,9 +2521,6 @@ video {
|
|
|
2580
2521
|
.bg-none {
|
|
2581
2522
|
background-image: none;
|
|
2582
2523
|
}
|
|
2583
|
-
.fill-current {
|
|
2584
|
-
fill: currentColor;
|
|
2585
|
-
}
|
|
2586
2524
|
.stroke-\[hsl\(var\(--color-bg-default\)\)\] {
|
|
2587
2525
|
stroke: hsl(var(--color-bg-default));
|
|
2588
2526
|
}
|
|
@@ -2741,15 +2679,9 @@ video {
|
|
|
2741
2679
|
.pl-6 {
|
|
2742
2680
|
padding-left: 1.5rem;
|
|
2743
2681
|
}
|
|
2744
|
-
.pl-8 {
|
|
2745
|
-
padding-left: 2rem;
|
|
2746
|
-
}
|
|
2747
2682
|
.pr-10 {
|
|
2748
2683
|
padding-right: 2.5rem;
|
|
2749
2684
|
}
|
|
2750
|
-
.pr-2 {
|
|
2751
|
-
padding-right: 0.5rem;
|
|
2752
|
-
}
|
|
2753
2685
|
.pr-3 {
|
|
2754
2686
|
padding-right: 0.75rem;
|
|
2755
2687
|
}
|
package/dist/index.es.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ import { default as default_2 } from 'react';
|
|
|
7
7
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
8
8
|
import { DialogProps } from '@radix-ui/react-dialog';
|
|
9
9
|
import { Drawer as Drawer_2 } from 'vaul';
|
|
10
|
-
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
11
10
|
import { EmojiClickData } from 'emoji-picker-react';
|
|
12
11
|
import { default as EmojiPicker } from 'emoji-picker-react';
|
|
13
12
|
import { EmojiStyle } from 'emoji-picker-react';
|
|
@@ -350,47 +349,6 @@ export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
|
|
|
350
349
|
|
|
351
350
|
export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
352
351
|
|
|
353
|
-
export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
354
|
-
|
|
355
|
-
export declare const DropdownMenuArrow: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & React_2.RefAttributes<SVGSVGElement>>;
|
|
356
|
-
|
|
357
|
-
export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
358
|
-
|
|
359
|
-
export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
360
|
-
|
|
361
|
-
export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
362
|
-
|
|
363
|
-
export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
364
|
-
inset?: boolean;
|
|
365
|
-
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
366
|
-
|
|
367
|
-
export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
368
|
-
inset?: boolean;
|
|
369
|
-
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
370
|
-
|
|
371
|
-
export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
372
|
-
|
|
373
|
-
export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
374
|
-
|
|
375
|
-
export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
376
|
-
|
|
377
|
-
export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
378
|
-
|
|
379
|
-
export declare const DropdownMenuShortcut: {
|
|
380
|
-
({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
|
|
381
|
-
displayName: string;
|
|
382
|
-
};
|
|
383
|
-
|
|
384
|
-
export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
385
|
-
|
|
386
|
-
export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
387
|
-
|
|
388
|
-
export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
389
|
-
inset?: boolean;
|
|
390
|
-
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
391
|
-
|
|
392
|
-
export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
393
|
-
|
|
394
352
|
export declare const DynamicAlert: ({ title, description, variant, icon, className, iconClassName, ...props }: DynamicAlertProps) => JSX_2.Element;
|
|
395
353
|
|
|
396
354
|
export declare interface DynamicAlertProps {
|
|
@@ -1068,7 +1026,6 @@ export declare const Tooltip: React_2.ForwardRefExoticComponent<TooltipProps & R
|
|
|
1068
1026
|
export declare interface TooltipProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof tooltipVariants> {
|
|
1069
1027
|
text: string | React_2.ReactNode;
|
|
1070
1028
|
sideOffset?: number;
|
|
1071
|
-
asTriggerChild?: boolean;
|
|
1072
1029
|
open?: boolean;
|
|
1073
1030
|
}
|
|
1074
1031
|
|