@hyphen/hyphen-components 7.0.0-beta.5 → 7.0.0-beta.8

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.
Files changed (21) hide show
  1. package/dist/components/Calendar/Calendar.d.ts +3 -2
  2. package/dist/components/Drawer/Drawer.d.ts +2 -2
  3. package/dist/components/DropdownMenu/DropdownMenu.d.ts +3 -3
  4. package/dist/components/Sidebar/Sidebar.d.ts +15 -13
  5. package/dist/components/Toggle/Toggle.d.ts +1 -1
  6. package/dist/components/ToggleGroup/ToggleGroup.d.ts +1 -1
  7. package/dist/css/utilities.css +7 -7
  8. package/dist/css/variables.css +6 -6
  9. package/dist/hooks/useTheme/useTheme.d.ts +1 -1
  10. package/dist/hyphen-components.cjs.development.js.map +1 -1
  11. package/dist/hyphen-components.cjs.production.min.js.map +1 -1
  12. package/dist/hyphen-components.esm.js.map +1 -1
  13. package/dist/lib/isFunction.d.ts +2 -1
  14. package/dist/lib/reactRouterClickHandler.d.ts +1 -1
  15. package/dist/lib/resolveValue.d.ts +2 -1
  16. package/dist/lib/tokens.d.ts +18 -18
  17. package/package.json +11 -11
  18. package/src/components/Box/Box.stories.tsx +1 -1
  19. package/src/components/Calendar/Calendar.tsx +9 -2
  20. package/src/components/Heading/Heading.stories.tsx +2 -2
  21. package/src/components/Icon/Icon.stories.tsx +1 -1
package/dist/components/Calendar/Calendar.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
- import { DayPicker, Matcher } from 'react-day-picker';
2
+ import { DayPickerProps, Matcher } from 'react-day-picker';
3
3
  import 'react-day-picker/style.css';
4
- declare function Calendar({ captionLayout, className, ...props }: React.ComponentProps<typeof DayPicker>): React.JSX.Element;
4
+ export type CalendarProps = DayPickerProps;
5
+ declare function Calendar({ captionLayout, className, ...props }: CalendarProps): React.JSX.Element;
5
6
  export { Calendar };
6
7
  export type { Matcher };
package/dist/components/Drawer/Drawer.d.ts CHANGED
@@ -14,7 +14,7 @@ interface DrawerProviderProps extends React.ComponentProps<'div'> {
14
14
  }
15
15
  export declare const DrawerProvider: React.ForwardRefExoticComponent<Omit<DrawerProviderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
16
  declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
17
- asChild?: boolean | undefined;
17
+ asChild?: boolean;
18
18
  }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
19
19
  export type DrawerPlacementType = 'left' | 'right' | 'top' | 'bottom';
20
20
  export interface DrawerProps {
@@ -99,7 +99,7 @@ declare const Drawer: React.FC<DrawerProps>;
99
99
  declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
100
100
  declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
101
101
  declare const DrawerCloseButton: React.ForwardRefExoticComponent<import("../Button/Button").BaseButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
102
- onClose?: (() => void) | undefined;
102
+ onClose?: () => void;
103
103
  } & React.RefAttributes<HTMLButtonElement>>;
104
104
  declare const DrawerContent: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
105
105
  export { Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerTrigger, DrawerCloseButton, };
package/dist/components/DropdownMenu/DropdownMenu.d.ts CHANGED
@@ -7,11 +7,11 @@ declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPor
7
7
  declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
8
8
  declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
9
9
  declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
10
- inset?: boolean | undefined;
10
+ inset?: boolean;
11
11
  } & React.RefAttributes<HTMLDivElement>>;
12
12
  declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
13
  declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
14
- inset?: boolean | undefined;
14
+ inset?: boolean;
15
15
  } & React.RefAttributes<HTMLDivElement>>;
16
16
  declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
17
17
  declare const DropdownMenuShortcut: {
@@ -19,7 +19,7 @@ declare const DropdownMenuShortcut: {
19
19
  displayName: string;
20
20
  };
21
21
  declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
22
- inset?: boolean | undefined;
22
+ inset?: boolean;
23
23
  } & React.RefAttributes<HTMLDivElement>>;
24
24
  declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
25
25
  export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuRadioGroup, };
package/dist/components/Sidebar/Sidebar.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import React from 'react';
2
+ import { IconName } from 'src/types';
3
+ import { TooltipContent } from '../Tooltip/Tooltip';
2
4
  interface SidebarContextProps {
3
5
  state: 'expanded' | 'collapsed';
4
6
  open: boolean;
@@ -10,14 +12,14 @@ interface SidebarContextProps {
10
12
  }
11
13
  declare function useSidebar(): SidebarContextProps;
12
14
  declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
13
- defaultOpen?: boolean | undefined;
14
- open?: boolean | undefined;
15
- storageKey?: string | undefined;
16
- onOpenChange?: ((open: boolean) => void) | undefined;
15
+ defaultOpen?: boolean;
16
+ open?: boolean;
17
+ storageKey?: string;
18
+ onOpenChange?: (open: boolean) => void;
17
19
  }, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
20
  declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
19
- side?: "left" | undefined;
20
- collapsible?: "offcanvas" | "icon" | "none" | undefined;
21
+ side?: "left";
22
+ collapsible?: "offcanvas" | "icon" | "none";
21
23
  }, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
24
  declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("../Button/Button").BaseButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
23
25
  declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -27,21 +29,21 @@ declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.Detaile
27
29
  declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
28
30
  declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
29
31
  declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
30
- asChild?: boolean | undefined;
31
- isActive?: boolean | undefined;
32
- icon?: "code" | "link" | "menu" | "search" | "circle" | "filter" | "key" | "add" | "alarm-disable" | "alarm" | "analytics" | "app-window" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-maximize" | "at" | "ban" | "block" | "blocks" | "book-open" | "c-add" | "c-check" | "c-delete" | "c-in-progress" | "c-info" | "c-question" | "c-remove" | "c-user" | "c-warning" | "calendar-create" | "calendar" | "camera" | "caret-down" | "caret-left" | "caret-right" | "caret-sm-down" | "caret-sm-left" | "caret-sm-right" | "caret-sm-up" | "caret-up-down" | "caret-up" | "chart-bar" | "chart-line" | "chat" | "check" | "checkbox-btn-checked" | "checkbox-btn-indeterminate" | "checkbox-btn" | "circle-filled" | "clipboard" | "cloud" | "command-line" | "computer" | "contact" | "copy-document" | "cpu" | "dashboard" | "database" | "dock-left" | "document" | "dots" | "download" | "electricity-bolt" | "exclamation-mark" | "eye-slash" | "eye" | "flag" | "folder" | "gear" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request-closed" | "git-pull-request-create" | "git-pull-request-draft" | "git-pull-request" | "grab" | "hash-mark" | "heart-o" | "heart" | "home" | "inbox" | "infinity" | "info" | "integrations" | "launch-app" | "lightbulb" | "list" | "lock" | "logo-code" | "logo-deploy" | "logo-env" | "logo-github" | "logo-link" | "logo-netinfo" | "logo-toggle" | "logout" | "mail" | "memory" | "microphone" | "minus" | "moon" | "paperclip" | "path-intersect" | "pause" | "pc" | "pencil" | "phone" | "photo" | "play" | "qr-code" | "radio-btn-checked" | "radio-btn-unchecked" | "refresh" | "remove" | "rewind" | "send" | "settings" | "skip" | "ssd" | "stack" | "star-o" | "star" | "stopwatch" | "subtract" | "sun" | "t-warning" | "tag" | "terminal" | "time-alarm" | "time-clock" | "trash" | "unlocked" | "upload" | "user-create" | "user" | "users" | "wifi-off" | "wifi" | "zoom-in" | "zoom-out" | undefined;
33
- tooltip?: string | (Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) | undefined;
32
+ asChild?: boolean;
33
+ isActive?: boolean;
34
+ icon?: IconName;
35
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
34
36
  }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
35
37
  declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
36
38
  declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
37
39
  declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
38
40
  declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
39
41
  declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
40
- asChild?: boolean | undefined;
41
- isActive?: boolean | undefined;
42
+ asChild?: boolean;
43
+ isActive?: boolean;
42
44
  }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
43
45
  declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
44
- asChild?: boolean | undefined;
46
+ asChild?: boolean;
45
47
  }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
46
48
  declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
47
49
  declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
package/dist/components/Toggle/Toggle.d.ts CHANGED
@@ -2,6 +2,6 @@ import React from 'react';
2
2
  import * as TogglePrimitive from '@radix-ui/react-toggle';
3
3
  type ToggleVariant = 'default' | 'outline';
4
4
  declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
5
- variant?: ToggleVariant | undefined;
5
+ variant?: ToggleVariant;
6
6
  } & React.RefAttributes<HTMLButtonElement>>;
7
7
  export { Toggle };
package/dist/components/ToggleGroup/ToggleGroup.d.ts CHANGED
@@ -14,6 +14,6 @@ type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimiti
14
14
  };
15
15
  declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
16
16
  declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
17
- variant?: ToggleVariant | undefined;
17
+ variant?: ToggleVariant;
18
18
  } & React.RefAttributes<HTMLButtonElement>>;
19
19
  export { ToggleGroup, ToggleGroupItem };
package/dist/css/utilities.css CHANGED
@@ -3,7 +3,7 @@
3
3
  \***************************************************************************************************************************/
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Mon, 01 Dec 2025 21:14:51 GMT
6
+ * Generated on Tue, 23 Dec 2025 18:50:27 GMT
7
7
  */
8
8
 
9
9
  .font-family-monospace { font-family: var(--assets-font-family-monospace); }
@@ -654,17 +654,17 @@
654
654
 
655
655
  .focus\:font-color-info:focus { color: var(--color-font-info); }
656
656
 
657
- .font-color-warn { color: var(--color-font-warn); }
657
+ .font-color-warning { color: var(--color-font-warning); }
658
658
 
659
- .hover\:font-color-warn:hover { color: var(--color-font-warn); }
659
+ .hover\:font-color-warning:hover { color: var(--color-font-warning); }
660
660
 
661
- .focus\:font-color-warn:focus { color: var(--color-font-warn); }
661
+ .focus\:font-color-warning:focus { color: var(--color-font-warning); }
662
662
 
663
- .font-color-warn-disabled { color: var(--color-font-warn-disabled); }
663
+ .font-color-warning-disabled { color: var(--color-font-warning-disabled); }
664
664
 
665
- .hover\:font-color-warn-disabled:hover { color: var(--color-font-warn-disabled); }
665
+ .hover\:font-color-warning-disabled:hover { color: var(--color-font-warning-disabled); }
666
666
 
667
- .focus\:font-color-warn-disabled:focus { color: var(--color-font-warn-disabled); }
667
+ .focus\:font-color-warning-disabled:focus { color: var(--color-font-warning-disabled); }
668
668
 
669
669
  .font-color-danger { color: var(--color-font-danger); }
670
670
 
package/dist/css/variables.css CHANGED
@@ -3,7 +3,7 @@
3
3
  \*********************************************************************************************************************/
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Mon, 01 Dec 2025 21:14:51 GMT
6
+ * Generated on Tue, 23 Dec 2025 18:50:27 GMT
7
7
  */
8
8
 
9
9
  :root {
@@ -190,8 +190,8 @@
190
190
  --color-font-success: #15803d;
191
191
  --color-font-success-disabled: #bbf7d0;
192
192
  --color-font-info: #2563eb;
193
- --color-font-warn: #ca8a04;
194
- --color-font-warn-disabled: #fef08a;
193
+ --color-font-warning: #ca8a04;
194
+ --color-font-warning-disabled: #fef08a;
195
195
  --color-font-danger: #dc2626;
196
196
  --color-font-danger-input: #404040;
197
197
  --color-font-danger-disabled: #fecaca;
@@ -376,7 +376,7 @@
376
376
  \*******************************************************************************************************************************/
377
377
  /**
378
378
  * Do not edit directly
379
- * Generated on Mon, 01 Dec 2025 21:14:51 GMT
379
+ * Generated on Tue, 23 Dec 2025 18:50:27 GMT
380
380
  */
381
381
 
382
382
  :root.dark {
@@ -440,8 +440,8 @@
440
440
  --color-font-success: #16a34a;
441
441
  --color-font-success-disabled: #16a34a;
442
442
  --color-font-info: #3b82f6;
443
- --color-font-warn: #eab308;
444
- --color-font-warn-disabled: #fef08a;
443
+ --color-font-warning: #eab308;
444
+ --color-font-warning-disabled: #fef08a;
445
445
  --color-font-danger: #ef4444;
446
446
  --color-font-danger-input: #404040;
447
447
  --color-font-danger-disabled: #fecaca;
package/dist/hooks/useTheme/useTheme.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const useTheme: () => {
2
2
  theme: import("../../components/ThemeProvider/ThemeProvider").Theme;
3
3
  setTheme: (theme: import("../../components/ThemeProvider/ThemeProvider").Theme) => void;
4
- isDarkMode?: boolean | undefined;
4
+ isDarkMode?: boolean;
5
5
  };