@hellobetterdigitalnz/betterui 0.0.3-2 → 0.0.3-4

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 (26) hide show
  1. package/README.md +23 -23
  2. package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.d.ts +3 -2
  3. package/dist/Components/DataDisplay/Cards/PathwayCard/{PathwayCardInterface.d.ts → PathwayCardProps.d.ts} +2 -2
  4. package/dist/Components/DataDisplay/Media/Media.d.ts +1 -1
  5. package/dist/Components/DataDisplay/Modal/ModalHeaderProps.d.ts +2 -0
  6. package/dist/Components/DataDisplay/Tab/Tab.d.ts +2 -1
  7. package/dist/Components/DataDisplay/Tab/TabBody.d.ts +2 -1
  8. package/dist/Components/DataDisplay/Tab/TabBodyContent.d.ts +2 -1
  9. package/dist/Components/DataDisplay/Tab/TabNav.d.ts +2 -1
  10. package/dist/Components/DataDisplay/Tab/TabNavItem.d.ts +2 -1
  11. package/dist/Components/DataDisplay/index.d.ts +58 -0
  12. package/dist/Components/Form/index.d.ts +37 -10
  13. package/dist/Components/Icons/Brands/WindowsLogo/WindowsLogo.d.ts +3 -0
  14. package/dist/Components/Icons/index.d.ts +20 -0
  15. package/dist/Components/Layout/index.d.ts +41 -0
  16. package/dist/index.cjs.js +2 -2
  17. package/dist/index.cjs.js.map +1 -1
  18. package/dist/index.d.ts +2 -0
  19. package/dist/index.es.js +2575 -535
  20. package/dist/index.es.js.map +1 -1
  21. package/dist/style.css +1 -1
  22. package/package.json +74 -75
  23. package/dist/Components/Icons/Brand/WindowLogo/WindowLogo.d.ts +0 -3
  24. /package/dist/Components/Icons/Communication/{Asterick → Asterisk}/Asterisk.d.ts +0 -0
  25. /package/dist/Components/Icons/Communication/{Asterick → Asterisk}/Asterisk.stories.d.ts +0 -0
  26. /package/dist/Components/Icons/{MathAndFinance → MathsAndFinance}/XIcon/XIcon.d.ts +0 -0
package/README.md CHANGED
@@ -1,23 +1,23 @@
1
- # BetterUI
2
-
3
- A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
4
-
5
- We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here.
6
-
7
- ## Installation
8
-
9
- To install simply use
10
-
11
- ```
12
- npm install @hellobetterdigitalnz/betteru
13
- ```
14
-
15
- or if you are using yarn
16
-
17
- ```
18
- yarn add @hellobetterdigitalnz/betteru
19
- ```
20
-
21
- ## Using components
22
-
23
- Components are used from the libraries root entry.
1
+ # BetterUI
2
+
3
+ A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
4
+
5
+ We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here.
6
+
7
+ ## Installation
8
+
9
+ To install simply use
10
+
11
+ ```
12
+ npm install @hellobetterdigitalnz/betteru
13
+ ```
14
+
15
+ or if you are using yarn
16
+
17
+ ```
18
+ yarn add @hellobetterdigitalnz/betteru
19
+ ```
20
+
21
+ ## Using components
22
+
23
+ Components are used from the libraries root entry.
@@ -1,2 +1,3 @@
1
- import PathwayCardInterface from "./PathwayCardInterface.tsx";
2
- export declare const PathwayCard: (props: PathwayCardInterface) => import("react/jsx-runtime").JSX.Element;
1
+ import PathwayCardProps from "./PathwayCardProps";
2
+ declare const PathwayCard: (props: PathwayCardProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default PathwayCard;
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from "react";
2
- interface PathwayCardInterface {
2
+ interface PathwayCardProps {
3
3
  title: string;
4
4
  btnTitle: string;
5
5
  description: string;
@@ -12,4 +12,4 @@ interface PathwayCardInterface {
12
12
  cardOnClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
13
13
  btnOnClick?: () => void;
14
14
  }
15
- export default PathwayCardInterface;
15
+ export default PathwayCardProps;
@@ -1,3 +1,3 @@
1
1
  import MediaProps from "./MediaProps.tsx";
2
- declare const Media: ({ type, videoSrc, imageSrc }: MediaProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const Media: (props: MediaProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default Media;
@@ -3,5 +3,7 @@ interface ModalHeaderProps {
3
3
  extraClass?: string;
4
4
  canClose?: boolean;
5
5
  canGoBack?: boolean;
6
+ closeOnclick?: () => void;
7
+ canGoBackOnclick?: () => void;
6
8
  }
7
9
  export default ModalHeaderProps;
@@ -1,2 +1,3 @@
1
1
  import TabInterface from "./TabProps.tsx";
2
- export declare const Tab: ({ children, extraClass }: TabInterface) => import("react/jsx-runtime").JSX.Element;
2
+ declare const Tab: ({ children, extraClass }: TabInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export default Tab;
@@ -1,2 +1,3 @@
1
1
  import TabBodyProps from "./TabBodyProps.tsx";
2
- export declare const TabBody: ({ children, extraClass }: TabBodyProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const TabBody: ({ children, extraClass }: TabBodyProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default TabBody;
@@ -1,2 +1,3 @@
1
1
  import TabBodyContentProps from "./TabBodyContentProps.tsx";
2
- export declare const TabBodyContent: ({ children, tabIndex, extraClass, }: TabBodyContentProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const TabBodyContent: (props: TabBodyContentProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default TabBodyContent;
@@ -1,2 +1,3 @@
1
1
  import TabNavProps from "./TabNavProps.tsx";
2
- export declare const TabNav: ({ children, extraClass }: TabNavProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const TabNav: (props: TabNavProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default TabNav;
@@ -1,2 +1,3 @@
1
1
  import TabNavItemProps from "./TabNavItemProps.tsx";
2
- export declare const TabNavItem: (props: TabNavItemProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const TabNavItem: (props: TabNavItemProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default TabNavItem;
@@ -10,3 +10,61 @@ export { default as Badge } from './Badge/Badge';
10
10
  export type { default as BadgeProps } from './Badge/BadgeProps';
11
11
  export { default as BannerCard } from './Cards/BannerCard/BannerCard';
12
12
  export type { default as BannerCardInterface } from './Cards/BannerCard/BannerCardInterface';
13
+ export { default as PathwayCard } from './Cards/PathwayCard/PathwayCard';
14
+ export type { default as PathwayCardProps } from './Cards/PathwayCard/PathwayCardProps';
15
+ export { default as Media } from './Media/Media';
16
+ export type { default as MediaProps } from './Media/MediaProps';
17
+ export { default as Modal } from './Modal/Modal';
18
+ export { default as ModalActions } from './Modal/ModalActions';
19
+ export { default as ModalActionsLeft } from './Modal/ModalActionsLeft';
20
+ export { default as ModalActionsRight } from './Modal/ModalActionsRight';
21
+ export { default as ModalBody } from './Modal/ModalBody';
22
+ export { default as ModalCurtain } from './Modal/ModalCurtain';
23
+ export { default as ModalHeader } from './Modal/ModalHeader';
24
+ export type { default as ModalProps } from './Modal/ModalProps';
25
+ export type { default as ModalHeaderProps } from './Modal/ModalHeaderProps';
26
+ export type { default as ModalBodyProps } from './Modal/ModalBodyProps';
27
+ export { default as NotificationsBell } from './NotificationsBell/NotificationsBell';
28
+ export type { default as NotificationsBellProps } from './NotificationsBell/NotificationsBellProps';
29
+ export { default as Notification } from './NotificationsPanel/Notification';
30
+ export { default as NotificationsGroup } from './NotificationsPanel/NotificationsGroup';
31
+ export { default as NotificationsGroups } from './NotificationsPanel/NotificationsGroups';
32
+ export type { default as NotificationProps } from './NotificationsPanel/NotificationProps';
33
+ export type { default as NotificationsHeader } from './NotificationsPanel/NotificationsHeader';
34
+ export type { default as NotificationsNone } from './NotificationsPanel/NotificationsNone';
35
+ export type { default as NotificationsPanel } from './NotificationsPanel/NotificationsPanel';
36
+ export type { default as NotificationsGroupProps } from './NotificationsPanel/NotificationsGroupProps';
37
+ export type { default as NotificationsGroupsProps } from './NotificationsPanel/NotificationsGroupsProps';
38
+ export type { default as NotificationsHeaderProps } from './NotificationsPanel/NotificationsHeaderProps';
39
+ export type { default as NotificationsPanelProps } from './NotificationsPanel/NotificationsPanelProps';
40
+ export { default as Tab } from './Tab/Tab';
41
+ export { default as TabBody } from './Tab/TabBody';
42
+ export { default as TabBodyContent } from './Tab/TabBodyContent';
43
+ export { default as TabContext } from './Tab/TabContext';
44
+ export { default as TabNav } from './Tab/TabNav';
45
+ export { default as TabNavItem } from './Tab/TabNavItem';
46
+ export type { default as TabBodyContentProps } from './Tab/TabBodyContentProps';
47
+ export type { default as TabBodyProps } from './Tab/TabBodyProps';
48
+ export type { default as TabContextProps } from './Tab/TabContextProps';
49
+ export type { default as TabNavItemProps } from './Tab/TabNavItemProps';
50
+ export type { default as TabNavProps } from './Tab/TabNavProps';
51
+ export type { default as TabProps } from './Tab/TabProps';
52
+ export { default as Table } from './Table/Table';
53
+ export { default as TableBody } from './Table/TableBody';
54
+ export { default as TableCell } from './Table/TableCell';
55
+ export { default as TableCellAction } from './Table/TableCellAction';
56
+ export { default as TableCellWithDesc } from './Table/TableCellWithDesc';
57
+ export { default as TableCellWithImage } from './Table/TableCellWithImage';
58
+ export { default as TableFooter } from './Table/TableFooter';
59
+ export { default as TableHead } from './Table/TableHead';
60
+ export { default as TableHeaderCell } from './Table/TableHeaderCell';
61
+ export { default as TableRow } from './Table/TableRow';
62
+ export type { default as TableBodyProps } from './Table/TableBodyProps';
63
+ export type { default as TableCellActionProps } from './Table/TableCellActionProps';
64
+ export type { default as TableCellProps } from './Table/TableCellProps';
65
+ export type { default as TableCellWithDescProps } from './Table/TableCellWithDescProps';
66
+ export type { default as TableCellWithImageProps } from './Table/TableCellWithImageProps';
67
+ export type { default as TableHeaderCellProps } from './Table/TableHeaderCellProps';
68
+ export type { default as TableHeadProps } from './Table/TableHeadProps';
69
+ export type { default as TableProps } from './Table/TableProps';
70
+ export type { default as TableRowProps } from './Table/TableRowProps';
@@ -5,13 +5,40 @@ export { default as Checkbox } from './Checkbox/Checkbox';
5
5
  export type { default as CheckboxProps } from './Checkbox/CheckboxProps';
6
6
  export { default as CheckboxSelect } from './CheckboxSelect/CheckboxSelect';
7
7
  export { default as CheckboxSelectItem } from './CheckboxSelect/CheckboxSelectItem';
8
- export { default as TextField } from './TextField/TextField.tsx';
9
- export type { default as TextFieldProps } from './TextField/TextFieldProps.tsx';
10
- export { default as Textarea } from './Textarea/Textarea.tsx';
11
- export type { default as TextareaProps } from './Textarea/TextareaProps.tsx';
12
- export { default as TimeField } from './TimeField/TimeField.tsx';
13
- export { default as EmailField } from './EmailField/EmailField.tsx';
14
- export { default as PasswordField } from './PasswordField/PasswordField.tsx';
15
- export { default as DateField } from './DateField/DateField.tsx';
16
- export { default as CurrencyField } from './CurrencyField/CurrencyField.tsx';
17
- export type { default as CurrencyFieldProps } from './CurrencyField/CurrencyFieldProps.tsx';
8
+ export type { default as CheckboxSetProps } from './CheckboxSet/CheckboxSetProps';
9
+ export { default as CurrencyField } from './CurrencyField/CurrencyField';
10
+ export type { default as CurrencyFieldProps } from './CurrencyField/CurrencyFieldProps';
11
+ export { default as DateField } from './DateField/DateField';
12
+ export { default as DropdownBadge } from './DropdownBadge/DropdownBadge';
13
+ export { default as DropdownBadgeItem } from './DropdownBadge/DropdownBadgeItem';
14
+ export { default as DropdownBadgeSelector } from './DropdownBadge/DropdownBadgeSelector';
15
+ export type { default as DropdownBadgeItemProps } from './DropdownBadge/DropdownBadgeItemProps';
16
+ export type { default as DropdownBadgeProps } from './DropdownBadge/DropdownBadgeProps';
17
+ export type { default as DropdownBadgeSelectorProps } from './DropdownBadge/DropdownBadgeSelectorProps';
18
+ export { default as DropdownField } from './DropdownField/DropdownField';
19
+ export { default as DropdownFieldItem } from './DropdownField/DropdownFieldItem';
20
+ export { default as DropdownFieldSelector } from './DropdownField/DropdownFieldSelector';
21
+ export type { default as DropdownFieldItemProps } from './DropdownField/DropdownFieldItemProps';
22
+ export type { default as DropdownFieldProps } from './DropdownField/DropdownFieldProps';
23
+ export type { default as DropdownFieldSelectorProps } from './DropdownField/DropdownFieldSelectorProps';
24
+ export { default as EmailField } from './EmailField/EmailField';
25
+ export { default as ErrorMessage } from './ErrorMessage/ErrorMessage';
26
+ export { default as FormFieldHolder } from './FormFieldHolder/FormFieldHolder';
27
+ export type { default as FormFieldHolderProps } from './FormFieldHolder/FormFieldHolderProps';
28
+ export { default as IconButton } from './IconButton/IconButton';
29
+ export type { default as IconButtonProps } from './IconButton/IconButtonProps';
30
+ export { default as MultiSelectField } from './MultiSelectField/MultiSelectField';
31
+ export { default as MultiSelectFieldItem } from './MultiSelectField/MultiSelectFieldItem';
32
+ export { default as MultiSelectFieldTag } from './MultiSelectField/MultiSelectFieldTag';
33
+ export { default as PasswordField } from './PasswordField/PasswordField';
34
+ export { default as RadioButton } from './RadioButtons/RadioButton';
35
+ export { default as RadioButtons } from './RadioButtons/RadioButtons';
36
+ export type { default as RadioButtonProps } from './RadioButtons/RadioButtonProps';
37
+ export type { default as RadioButtonsProps } from './RadioButtons/RadioButtonsProps';
38
+ export { default as Textarea } from './Textarea/Textarea';
39
+ export type { default as TextareaProps } from './Textarea/TextareaProps';
40
+ export { default as TextField } from './TextField/TextField';
41
+ export type { default as TextFieldProps } from './TextField/TextFieldProps';
42
+ export { default as TimeField } from './TimeField/TimeField';
43
+ export { default as ToggleSwitch } from './ToggleSwitch/ToggleSwitch';
44
+ export type { default as ToggleSwitchProps } from './ToggleSwitch/ToggleSwitchProps';
@@ -0,0 +1,3 @@
1
+ import IconProps from "../../IconProps";
2
+ declare const WindowsLogo: ({ type }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default WindowsLogo;
@@ -0,0 +1,20 @@
1
+ export type { default as IconProps } from './IconProps';
2
+ export { default as CaretDown } from './Arrows/CaretDown/CaretDown';
3
+ export { default as CaretUp } from './Arrows/CaretUp/CaretUp';
4
+ export { default as CaretRight } from './Arrows/CaretRight/CaretRight';
5
+ export { default as CaretLeft } from './Arrows/CaretLeft/CaretLeft';
6
+ export { default as WindowsLogo } from './Brands/WindowsLogo/WindowsLogo';
7
+ export { default as CurrencyDollarSimple } from './Commerce/CurrencyDollarSimple/CurrencyDollarSimple';
8
+ export { default as AddressBook } from './Communication/AddressBook/AddressBook';
9
+ export { default as Asterisk } from './Communication/Asterisk/Asterisk';
10
+ export { default as At } from './Communication/At/At';
11
+ export { default as Broadcast } from './Communication/Broadcast/Broadcast';
12
+ export { default as Chat } from './Communication/Chat/Chat';
13
+ export { default as Eye } from './Design/Eye/Eye';
14
+ export { default as EyeSlash } from './Design/EyeSlash/EyeSlash';
15
+ export { default as XIcon } from './MathsAndFinance/XIcon/XIcon';
16
+ export { default as WarningCircle } from './SecurityAndWarnings/WarningCircle/WarningCircle';
17
+ export { default as Bell } from './SystemAndDevice/Bell/Bell';
18
+ export { default as MagnifyingGlass } from './SystemAndDevice/MagnifyingGlass/MagnifyingGlass';
19
+ export { default as CalendarBank } from './Time/CalendarBank/CalendarBank';
20
+ export { default as Clock } from './Time/Clock/Clock';
@@ -0,0 +1,41 @@
1
+ export { default as CalloutPopup } from './CalloutPopup/CalloutPopup';
2
+ export { default as Header } from './Header/Header';
3
+ export { default as HeaderLeft } from './Header/HeaderLeft';
4
+ export { default as HeaderRight } from './Header/HeaderRight';
5
+ export type { default as HeaderLeftProps } from './Header/HeaderLeftProps';
6
+ export type { default as HeaderProps } from './Header/HeaderProps';
7
+ export type { default as HeaderRightProps } from './Header/HeaderRightProps';
8
+ export { default as Pagination } from './Pagination/Pagination';
9
+ export { default as PaginationFirst } from './Pagination/PaginationFirst';
10
+ export { default as PaginationLast } from './Pagination/PaginationLast';
11
+ export { default as PaginationNext } from './Pagination/PaginationNext';
12
+ export { default as PaginationNumber } from './Pagination/PaginationNumber';
13
+ export { default as PaginationPrevious } from './Pagination/PaginationPrevious';
14
+ export { default as ProfileAvatar } from './ProfileAvatar/ProfileAvatar';
15
+ export type { default as ProfileAvatarProps } from './ProfileAvatar/ProfileAvatarProps';
16
+ export { default as ProfileDropdown } from './ProfileDropdown/ProfileDropdown';
17
+ export { default as ProfileHeader } from './ProfileDropdown/ProfileHeader';
18
+ export { default as ProfileLink } from './ProfileDropdown/ProfileLink';
19
+ export { default as ProfileLinks } from './ProfileDropdown/ProfileLinks';
20
+ export { default as ProfileNavigationItem } from './ProfileDropdown/ProfileNavigationItem';
21
+ export { default as ProfileSwitchPanel } from './ProfileDropdown/ProfileSwitchPanel';
22
+ export { default as ProfileSwitchUser } from './ProfileDropdown/ProfileSwitchUser';
23
+ export type { default as ProfileDropdownProps } from './ProfileDropdown/ProfileDropdownProps';
24
+ export type { default as ProfileHeaderProps } from './ProfileDropdown/ProfileHeaderProps';
25
+ export type { default as ProfileLinkProps } from './ProfileDropdown/ProfileLinkProps';
26
+ export type { default as ProfileLinksProps } from './ProfileDropdown/ProfileLinksProps';
27
+ export type { default as ProfileNavigationItemProps } from './ProfileDropdown/ProfileNavigationItemProps';
28
+ export type { default as ProfileSwitchPanelProps } from './ProfileDropdown/ProfileSwitchPanelProps';
29
+ export type { default as ProfileSwitchUserProps } from './ProfileDropdown/ProfileSwitchUserProps';
30
+ export { default as Sidebar } from './Sidebar/Sidebar';
31
+ export { default as SidebarChevron } from './Sidebar/SidebarChevron';
32
+ export { default as SidebarNavigation } from './Sidebar/SidebarNavigation';
33
+ export { default as SidebarNavigationItem } from './Sidebar/SidebarNavigationItem';
34
+ export { default as SidebarSubNavigation } from './Sidebar/SidebarSubNavigation';
35
+ export { default as SidebarSubNavigationItem } from './Sidebar/SidebarSubNavigationItem';
36
+ export type { default as SidebarProps } from './Sidebar/SidebarProps';
37
+ export type { default as SidebarChevronProps } from './Sidebar/SidebarChevronProps';
38
+ export type { default as SidebarNavigationProps } from './Sidebar/SidebarNavigationProps';
39
+ export type { default as SidebarNavigationItemProps } from './Sidebar/SidebarNavigationItemProps';
40
+ export type { default as SidebarSubNavigationProps } from './Sidebar/SidebarSubNavigationProps';
41
+ export type { default as SidebarSubNavigationItemProps } from './Sidebar/SidebarSubNavigationItemProps';