@sikka/hawa 0.1.15 → 0.1.17
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/styles.css +15 -6
- package/es/elements/Button.d.ts +1 -1
- package/es/elements/DropdownMenu.d.ts +28 -6
- package/es/elements/Popover.d.ts +10 -0
- package/es/elements/index.d.ts +1 -0
- package/es/index.es.js +3 -3
- package/es/layout/HawaAppLayoutSimplified.d.ts +15 -6
- package/lib/elements/Button.d.ts +1 -1
- package/lib/elements/DropdownMenu.d.ts +28 -6
- package/lib/elements/Popover.d.ts +10 -0
- package/lib/elements/index.d.ts +1 -0
- package/lib/index.js +3 -3
- package/lib/layout/HawaAppLayoutSimplified.d.ts +15 -6
- package/package.json +2 -1
- package/src/elements/Button.tsx +1 -0
- package/src/elements/DropdownMenu.tsx +58 -7
- package/src/elements/HawaStats.tsx +1 -1
- package/src/elements/Popover.tsx +50 -0
- package/src/elements/index.ts +1 -0
- package/src/layout/HawaAppLayoutSimplified.tsx +83 -42
- package/src/styles.css +15 -6
- package/src/translations/ar.json +2 -1
- package/src/translations/en.json +2 -1
package/dist/styles.css
CHANGED
|
@@ -1220,6 +1220,9 @@ video {
|
|
|
1220
1220
|
.w-7 {
|
|
1221
1221
|
width: 1.75rem;
|
|
1222
1222
|
}
|
|
1223
|
+
.w-72 {
|
|
1224
|
+
width: 18rem;
|
|
1225
|
+
}
|
|
1223
1226
|
.w-8 {
|
|
1224
1227
|
width: 2rem;
|
|
1225
1228
|
}
|
|
@@ -1951,9 +1954,6 @@ video {
|
|
|
1951
1954
|
.bg-layoutPrimary-500 {
|
|
1952
1955
|
background-color: var(--layout-primary-500);
|
|
1953
1956
|
}
|
|
1954
|
-
.bg-layoutPrimary-600 {
|
|
1955
|
-
background-color: var(--layout-primary-600);
|
|
1956
|
-
}
|
|
1957
1957
|
.bg-muted {
|
|
1958
1958
|
background-color: hsl(var(--muted));
|
|
1959
1959
|
}
|
|
@@ -1970,6 +1970,9 @@ video {
|
|
|
1970
1970
|
.bg-primary-foreground {
|
|
1971
1971
|
background-color: hsl(var(--primary-foreground));
|
|
1972
1972
|
}
|
|
1973
|
+
.bg-primary\/10 {
|
|
1974
|
+
background-color: hsl(var(--primary) / 0.1);
|
|
1975
|
+
}
|
|
1973
1976
|
.bg-primary\/20 {
|
|
1974
1977
|
background-color: hsl(var(--primary) / 0.2);
|
|
1975
1978
|
}
|
|
@@ -2587,6 +2590,9 @@ video {
|
|
|
2587
2590
|
.ring-primary\/20 {
|
|
2588
2591
|
--tw-ring-color: hsl(var(--primary) / 0.2);
|
|
2589
2592
|
}
|
|
2593
|
+
.ring-primary\/30 {
|
|
2594
|
+
--tw-ring-color: hsl(var(--primary) / 0.3);
|
|
2595
|
+
}
|
|
2590
2596
|
.ring-offset-1 {
|
|
2591
2597
|
--tw-ring-offset-width: 1px;
|
|
2592
2598
|
}
|
|
@@ -2951,6 +2957,12 @@ body {
|
|
|
2951
2957
|
.hover\:bg-primary\/10:hover {
|
|
2952
2958
|
background-color: hsl(var(--primary) / 0.1);
|
|
2953
2959
|
}
|
|
2960
|
+
.hover\:bg-primary\/20:hover {
|
|
2961
|
+
background-color: hsl(var(--primary) / 0.2);
|
|
2962
|
+
}
|
|
2963
|
+
.hover\:bg-primary\/40:hover {
|
|
2964
|
+
background-color: hsl(var(--primary) / 0.4);
|
|
2965
|
+
}
|
|
2954
2966
|
.hover\:bg-primary\/90:hover {
|
|
2955
2967
|
background-color: hsl(var(--primary) / 0.9);
|
|
2956
2968
|
}
|
|
@@ -3537,9 +3549,6 @@ body {
|
|
|
3537
3549
|
--tw-bg-opacity: 1;
|
|
3538
3550
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
3539
3551
|
}
|
|
3540
|
-
:is(.dark .dark\:hover\:bg-layoutPrimary-700:hover) {
|
|
3541
|
-
background-color: var(--layout-primary-700);
|
|
3542
|
-
}
|
|
3543
3552
|
:is(.dark .dark\:hover\:bg-primary\/10:hover) {
|
|
3544
3553
|
background-color: hsl(var(--primary) / 0.1);
|
|
3545
3554
|
}
|
package/es/elements/Button.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
declare const buttonVariants: (props?: {
|
|
4
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
|
|
4
|
+
variant?: "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "link";
|
|
5
5
|
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon";
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
7
7
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -1,8 +1,30 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
+
type ExtendedDropdownMenuContentProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
|
|
4
|
+
type ExtendedDropdownMenuTriggerProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
|
|
5
|
+
type SubItem = {
|
|
6
|
+
label: string;
|
|
7
|
+
value: string;
|
|
8
|
+
action?: () => void;
|
|
9
|
+
highlighted?: boolean;
|
|
10
|
+
};
|
|
11
|
+
type Item = {
|
|
12
|
+
label: string;
|
|
13
|
+
value: string;
|
|
14
|
+
action?: () => void;
|
|
15
|
+
highlighted?: boolean;
|
|
16
|
+
subitems?: SubItem[];
|
|
17
|
+
};
|
|
18
|
+
export declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffset, side, className, triggerClassname, align, alignOffset, }: {
|
|
19
|
+
trigger?: any;
|
|
20
|
+
items?: Item[];
|
|
21
|
+
direction?: "rtl" | "ltr";
|
|
22
|
+
onItemSelect?: any;
|
|
23
|
+
className?: ExtendedDropdownMenuContentProps["className"];
|
|
24
|
+
triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
|
|
25
|
+
sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
|
|
26
|
+
side?: ExtendedDropdownMenuContentProps["side"];
|
|
27
|
+
align?: ExtendedDropdownMenuContentProps["align"];
|
|
28
|
+
alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
|
|
8
29
|
}) => React.JSX.Element;
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface PopoverProps {
|
|
3
|
+
trigger: React.ReactNode;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
align?: "start" | "center" | "end";
|
|
7
|
+
sideOffset?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const Popover: React.FC<PopoverProps>;
|
|
10
|
+
export { Popover };
|
package/es/elements/index.d.ts
CHANGED