@sikka/hawa 0.18.19-next → 0.18.21-next
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 +9 -2
- package/dist/index.d.mts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +12 -4
- package/dist/index.mjs +12 -4
- package/package.json +2 -1
package/dist/index.css
CHANGED
|
@@ -788,7 +788,7 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
788
788
|
}
|
|
789
789
|
.circle-car {
|
|
790
790
|
fill: none;
|
|
791
|
-
stroke: hsl(var(--primary));
|
|
791
|
+
/* stroke: hsl(var(--primary)); */
|
|
792
792
|
stroke-dasharray: 25, 75;
|
|
793
793
|
stroke-dashoffset: 0;
|
|
794
794
|
stroke-linecap: round;
|
|
@@ -796,7 +796,7 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
796
796
|
}
|
|
797
797
|
.circle-track {
|
|
798
798
|
fill: none;
|
|
799
|
-
stroke: hsl(var(--primary));
|
|
799
|
+
/* stroke: hsl(var(--primary)); */
|
|
800
800
|
opacity: 0.1;
|
|
801
801
|
transition: stroke 0.5s ease;
|
|
802
802
|
}
|
|
@@ -1471,6 +1471,10 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
1471
1471
|
.hawa-min-h-\[80px\] {
|
|
1472
1472
|
min-height: 80px;
|
|
1473
1473
|
}
|
|
1474
|
+
.hawa-min-h-fit {
|
|
1475
|
+
min-height: -moz-fit-content;
|
|
1476
|
+
min-height: fit-content;
|
|
1477
|
+
}
|
|
1474
1478
|
.hawa-min-h-screen {
|
|
1475
1479
|
min-height: 100vh;
|
|
1476
1480
|
}
|
|
@@ -2495,6 +2499,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
2495
2499
|
.hawa-stroke-primary {
|
|
2496
2500
|
stroke: hsl(var(--primary));
|
|
2497
2501
|
}
|
|
2502
|
+
.hawa-stroke-primary-foreground {
|
|
2503
|
+
stroke: hsl(var(--primary-foreground));
|
|
2504
|
+
}
|
|
2498
2505
|
.hawa-stroke-primary\/20 {
|
|
2499
2506
|
stroke: hsl(var(--primary) / 0.2);
|
|
2500
2507
|
}
|
package/dist/index.d.mts
CHANGED
|
@@ -299,6 +299,8 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
|
|
|
299
299
|
/** Show the count of characters left in the input field. Works along with maxLength prop. */
|
|
300
300
|
showCount?: boolean | undefined;
|
|
301
301
|
countPosition?: "center" | "top" | "bottom" | undefined;
|
|
302
|
+
popup?: boolean | undefined;
|
|
303
|
+
popupContent?: React__default.ReactNode;
|
|
302
304
|
} & React__default.RefAttributes<HTMLInputElement>>;
|
|
303
305
|
|
|
304
306
|
type ComboboxTypes<T> = {
|
|
@@ -377,7 +379,7 @@ interface AvatarProps {
|
|
|
377
379
|
declare const Avatar: React__default.FC<AvatarProps>;
|
|
378
380
|
|
|
379
381
|
declare const buttonVariants: (props?: ({
|
|
380
|
-
variant?: "link" | "
|
|
382
|
+
variant?: "link" | "light" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "combobox" | "neoBrutalism" | null | undefined;
|
|
381
383
|
size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
|
|
382
384
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
383
385
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -464,6 +466,7 @@ type LoadingTypes = {
|
|
|
464
466
|
/** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
|
|
465
467
|
color?: string;
|
|
466
468
|
className?: string;
|
|
469
|
+
themeMode?: "dark" | "light";
|
|
467
470
|
};
|
|
468
471
|
declare const Loading: FC<LoadingTypes>;
|
|
469
472
|
|
|
@@ -1849,4 +1852,4 @@ declare function useTabs(initialTab?: string): {
|
|
|
1849
1852
|
handleTabChange: (index: any) => void;
|
|
1850
1853
|
};
|
|
1851
1854
|
|
|
1852
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout,
|
|
1855
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -299,6 +299,8 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
|
|
|
299
299
|
/** Show the count of characters left in the input field. Works along with maxLength prop. */
|
|
300
300
|
showCount?: boolean | undefined;
|
|
301
301
|
countPosition?: "center" | "top" | "bottom" | undefined;
|
|
302
|
+
popup?: boolean | undefined;
|
|
303
|
+
popupContent?: React__default.ReactNode;
|
|
302
304
|
} & React__default.RefAttributes<HTMLInputElement>>;
|
|
303
305
|
|
|
304
306
|
type ComboboxTypes<T> = {
|
|
@@ -377,7 +379,7 @@ interface AvatarProps {
|
|
|
377
379
|
declare const Avatar: React__default.FC<AvatarProps>;
|
|
378
380
|
|
|
379
381
|
declare const buttonVariants: (props?: ({
|
|
380
|
-
variant?: "link" | "
|
|
382
|
+
variant?: "link" | "light" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "combobox" | "neoBrutalism" | null | undefined;
|
|
381
383
|
size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
|
|
382
384
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
383
385
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -464,6 +466,7 @@ type LoadingTypes = {
|
|
|
464
466
|
/** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
|
|
465
467
|
color?: string;
|
|
466
468
|
className?: string;
|
|
469
|
+
themeMode?: "dark" | "light";
|
|
467
470
|
};
|
|
468
471
|
declare const Loading: FC<LoadingTypes>;
|
|
469
472
|
|
|
@@ -1849,4 +1852,4 @@ declare function useTabs(initialTab?: string): {
|
|
|
1849
1852
|
handleTabChange: (index: any) => void;
|
|
1850
1853
|
};
|
|
1851
1854
|
|
|
1852
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout,
|
|
1855
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
|
package/dist/index.js
CHANGED
|
@@ -352,6 +352,7 @@ var import_react3 = __toESM(require("react"));
|
|
|
352
352
|
var Loading = ({
|
|
353
353
|
design = "spinner",
|
|
354
354
|
size = "sm",
|
|
355
|
+
themeMode = "light",
|
|
355
356
|
color,
|
|
356
357
|
...props
|
|
357
358
|
}) => {
|
|
@@ -492,7 +493,10 @@ var Loading = ({
|
|
|
492
493
|
/* @__PURE__ */ import_react3.default.createElement(
|
|
493
494
|
"circle",
|
|
494
495
|
{
|
|
495
|
-
className: "circle-track",
|
|
496
|
+
className: cn("circle-track", {
|
|
497
|
+
"hawa-stroke-primary-foreground": themeMode === "dark",
|
|
498
|
+
"hawa-stroke-primary": themeMode === "light"
|
|
499
|
+
}),
|
|
496
500
|
cx: "20",
|
|
497
501
|
cy: "20",
|
|
498
502
|
r: "17.5",
|
|
@@ -504,7 +508,10 @@ var Loading = ({
|
|
|
504
508
|
/* @__PURE__ */ import_react3.default.createElement(
|
|
505
509
|
"circle",
|
|
506
510
|
{
|
|
507
|
-
className: "circle-car",
|
|
511
|
+
className: cn("circle-car", {
|
|
512
|
+
"hawa-stroke-primary-foreground": themeMode === "dark",
|
|
513
|
+
"hawa-stroke-primary": themeMode === "light"
|
|
514
|
+
}),
|
|
508
515
|
cx: "20",
|
|
509
516
|
cy: "20",
|
|
510
517
|
r: "17.5",
|
|
@@ -577,7 +584,8 @@ var Button = React5.forwardRef(
|
|
|
577
584
|
isLoading ? /* @__PURE__ */ React5.createElement(
|
|
578
585
|
Loading,
|
|
579
586
|
{
|
|
580
|
-
design: "dots-pulse",
|
|
587
|
+
design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
|
|
588
|
+
themeMode: variant === "outline" ? "light" : "dark",
|
|
581
589
|
color: loadingColor,
|
|
582
590
|
size: size === "sm" ? "xs" : "button"
|
|
583
591
|
}
|
|
@@ -3873,7 +3881,7 @@ var Input = (0, import_react15.forwardRef)(
|
|
|
3873
3881
|
"div",
|
|
3874
3882
|
{
|
|
3875
3883
|
className: cn(
|
|
3876
|
-
"hawa-absolute hawa-top-[47px] hawa-text-
|
|
3884
|
+
"hawa-absolute hawa-top-[47px] hawa-text-xs hawa-text-helper-color hawa-transition-all hawa-text-start hawa-rounded hawa-end-0 hawa-z-20 hawa-drop-shadow-md hawa-bg-background hawa-translate-y-1/2",
|
|
3877
3885
|
props.helperText ? "hawa-border hawa-p-1" : "hawa-border-none hawa-p-0"
|
|
3878
3886
|
)
|
|
3879
3887
|
},
|
package/dist/index.mjs
CHANGED
|
@@ -127,6 +127,7 @@ import React4 from "react";
|
|
|
127
127
|
var Loading = ({
|
|
128
128
|
design = "spinner",
|
|
129
129
|
size = "sm",
|
|
130
|
+
themeMode = "light",
|
|
130
131
|
color,
|
|
131
132
|
...props
|
|
132
133
|
}) => {
|
|
@@ -267,7 +268,10 @@ var Loading = ({
|
|
|
267
268
|
/* @__PURE__ */ React4.createElement(
|
|
268
269
|
"circle",
|
|
269
270
|
{
|
|
270
|
-
className: "circle-track",
|
|
271
|
+
className: cn("circle-track", {
|
|
272
|
+
"hawa-stroke-primary-foreground": themeMode === "dark",
|
|
273
|
+
"hawa-stroke-primary": themeMode === "light"
|
|
274
|
+
}),
|
|
271
275
|
cx: "20",
|
|
272
276
|
cy: "20",
|
|
273
277
|
r: "17.5",
|
|
@@ -279,7 +283,10 @@ var Loading = ({
|
|
|
279
283
|
/* @__PURE__ */ React4.createElement(
|
|
280
284
|
"circle",
|
|
281
285
|
{
|
|
282
|
-
className: "circle-car",
|
|
286
|
+
className: cn("circle-car", {
|
|
287
|
+
"hawa-stroke-primary-foreground": themeMode === "dark",
|
|
288
|
+
"hawa-stroke-primary": themeMode === "light"
|
|
289
|
+
}),
|
|
283
290
|
cx: "20",
|
|
284
291
|
cy: "20",
|
|
285
292
|
r: "17.5",
|
|
@@ -352,7 +359,8 @@ var Button = React5.forwardRef(
|
|
|
352
359
|
isLoading ? /* @__PURE__ */ React5.createElement(
|
|
353
360
|
Loading,
|
|
354
361
|
{
|
|
355
|
-
design: "dots-pulse",
|
|
362
|
+
design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
|
|
363
|
+
themeMode: variant === "outline" ? "light" : "dark",
|
|
356
364
|
color: loadingColor,
|
|
357
365
|
size: size === "sm" ? "xs" : "button"
|
|
358
366
|
}
|
|
@@ -3651,7 +3659,7 @@ var Input = forwardRef9(
|
|
|
3651
3659
|
"div",
|
|
3652
3660
|
{
|
|
3653
3661
|
className: cn(
|
|
3654
|
-
"hawa-absolute hawa-top-[47px] hawa-text-
|
|
3662
|
+
"hawa-absolute hawa-top-[47px] hawa-text-xs hawa-text-helper-color hawa-transition-all hawa-text-start hawa-rounded hawa-end-0 hawa-z-20 hawa-drop-shadow-md hawa-bg-background hawa-translate-y-1/2",
|
|
3655
3663
|
props.helperText ? "hawa-border hawa-p-1" : "hawa-border-none hawa-p-0"
|
|
3656
3664
|
)
|
|
3657
3665
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sikka/hawa",
|
|
3
|
-
"version": "0.18.
|
|
3
|
+
"version": "0.18.21-next",
|
|
4
4
|
"description": "Modern UI Kit made with Tailwind",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Sikka Software",
|
|
@@ -96,6 +96,7 @@
|
|
|
96
96
|
},
|
|
97
97
|
"devDependencies": {
|
|
98
98
|
"@babel/preset-react": "^7.23.3",
|
|
99
|
+
"@sikka/alam": "^0.0.2",
|
|
99
100
|
"@storybook/addon-essentials": "^7.5.3",
|
|
100
101
|
"@storybook/addon-interactions": "^7.5.3",
|
|
101
102
|
"@storybook/addon-links": "^7.5.3",
|