@infra-cryptomate/react-components 0.0.8 → 0.0.9
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/components.es.js +1194 -1198
- package/dist/components.umd.js +11 -11
- package/dist/src/components/atoms/button/button.d.ts +3 -5
- package/dist/src/components/atoms/heading/heading.d.ts +1 -1
- package/dist/src/components/molecules/dropdown/dropdown.d.ts +16 -31
- package/dist/style.css +24 -3
- package/package.json +1 -1
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { type StylesVariants, type SizesVariants } from './button.types';
|
|
3
|
-
|
|
2
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
3
|
variant?: StylesVariants;
|
|
5
4
|
size?: SizesVariants;
|
|
6
|
-
asChild?: boolean;
|
|
7
5
|
}
|
|
8
|
-
declare const Button: React.
|
|
9
|
-
export {
|
|
6
|
+
export declare const Button: React.FC<ButtonProps>;
|
|
7
|
+
export {};
|
|
@@ -6,37 +6,22 @@ declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPri
|
|
|
6
6
|
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
7
7
|
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
8
8
|
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
|
|
10
|
-
inset?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
declare const
|
|
19
|
-
|
|
20
|
-
inset?: boolean;
|
|
21
|
-
}
|
|
22
|
-
declare const
|
|
23
|
-
interface DropdownMenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
|
|
24
|
-
}
|
|
25
|
-
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
interface DropdownMenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
|
|
27
|
-
}
|
|
28
|
-
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
-
interface DropdownMenuLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
|
|
30
|
-
inset?: boolean;
|
|
31
|
-
}
|
|
32
|
-
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
-
interface DropdownMenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
|
|
34
|
-
}
|
|
35
|
-
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
-
interface DropdownMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
37
|
-
}
|
|
9
|
+
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
10
|
+
inset?: boolean | undefined;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
|
+
inset?: boolean | undefined;
|
|
16
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
20
|
+
inset?: boolean | undefined;
|
|
21
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
23
|
declare const DropdownMenuShortcut: {
|
|
39
|
-
({ className, ...props }:
|
|
24
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
40
25
|
displayName: string;
|
|
41
26
|
};
|
|
42
|
-
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup
|
|
27
|
+
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup };
|
package/dist/style.css
CHANGED
|
@@ -619,9 +619,6 @@ video {
|
|
|
619
619
|
.cursor-default {
|
|
620
620
|
cursor: default;
|
|
621
621
|
}
|
|
622
|
-
.cursor-pointer {
|
|
623
|
-
cursor: pointer;
|
|
624
|
-
}
|
|
625
622
|
.select-none {
|
|
626
623
|
-webkit-user-select: none;
|
|
627
624
|
-moz-user-select: none;
|
|
@@ -911,6 +908,14 @@ video {
|
|
|
911
908
|
.hover\:underline:hover {
|
|
912
909
|
text-decoration-line: underline;
|
|
913
910
|
}
|
|
911
|
+
.focus\:bg-neutral-100:focus {
|
|
912
|
+
--tw-bg-opacity: 1;
|
|
913
|
+
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
|
914
|
+
}
|
|
915
|
+
.focus\:text-neutral-900:focus {
|
|
916
|
+
--tw-text-opacity: 1;
|
|
917
|
+
color: rgb(23 23 23 / var(--tw-text-opacity));
|
|
918
|
+
}
|
|
914
919
|
.focus\:outline-none:focus {
|
|
915
920
|
outline: 2px solid transparent;
|
|
916
921
|
outline-offset: 2px;
|
|
@@ -973,6 +978,10 @@ video {
|
|
|
973
978
|
--tw-translate-y: -0.25rem;
|
|
974
979
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
975
980
|
}
|
|
981
|
+
.data-\[state\=open\]\:bg-neutral-100[data-state=open] {
|
|
982
|
+
--tw-bg-opacity: 1;
|
|
983
|
+
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
|
984
|
+
}
|
|
976
985
|
.data-\[disabled\]\:opacity-50[data-disabled] {
|
|
977
986
|
opacity: 0.5;
|
|
978
987
|
}
|
|
@@ -1078,7 +1087,19 @@ video {
|
|
|
1078
1087
|
--tw-text-opacity: 1;
|
|
1079
1088
|
color: rgb(250 250 250 / var(--tw-text-opacity));
|
|
1080
1089
|
}
|
|
1090
|
+
:is(.dark .dark\:focus\:bg-neutral-800:focus) {
|
|
1091
|
+
--tw-bg-opacity: 1;
|
|
1092
|
+
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
|
|
1093
|
+
}
|
|
1094
|
+
:is(.dark .dark\:focus\:text-neutral-50:focus) {
|
|
1095
|
+
--tw-text-opacity: 1;
|
|
1096
|
+
color: rgb(250 250 250 / var(--tw-text-opacity));
|
|
1097
|
+
}
|
|
1081
1098
|
:is(.dark .dark\:focus-visible\:ring-neutral-300:focus-visible) {
|
|
1082
1099
|
--tw-ring-opacity: 1;
|
|
1083
1100
|
--tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
|
|
1101
|
+
}
|
|
1102
|
+
:is(.dark .dark\:data-\[state\=open\]\:bg-neutral-800[data-state=open]) {
|
|
1103
|
+
--tw-bg-opacity: 1;
|
|
1104
|
+
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
|
|
1084
1105
|
}
|