@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.
- package/README.md +23 -23
- package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.d.ts +3 -2
- package/dist/Components/DataDisplay/Cards/PathwayCard/{PathwayCardInterface.d.ts → PathwayCardProps.d.ts} +2 -2
- package/dist/Components/DataDisplay/Media/Media.d.ts +1 -1
- package/dist/Components/DataDisplay/Modal/ModalHeaderProps.d.ts +2 -0
- package/dist/Components/DataDisplay/Tab/Tab.d.ts +2 -1
- package/dist/Components/DataDisplay/Tab/TabBody.d.ts +2 -1
- package/dist/Components/DataDisplay/Tab/TabBodyContent.d.ts +2 -1
- package/dist/Components/DataDisplay/Tab/TabNav.d.ts +2 -1
- package/dist/Components/DataDisplay/Tab/TabNavItem.d.ts +2 -1
- package/dist/Components/DataDisplay/index.d.ts +58 -0
- package/dist/Components/Form/index.d.ts +37 -10
- package/dist/Components/Icons/Brands/WindowsLogo/WindowsLogo.d.ts +3 -0
- package/dist/Components/Icons/index.d.ts +20 -0
- package/dist/Components/Layout/index.d.ts +41 -0
- package/dist/index.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +2575 -535
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +74 -75
- package/dist/Components/Icons/Brand/WindowLogo/WindowLogo.d.ts +0 -3
- /package/dist/Components/Icons/Communication/{Asterick → Asterisk}/Asterisk.d.ts +0 -0
- /package/dist/Components/Icons/Communication/{Asterick → Asterisk}/Asterisk.stories.d.ts +0 -0
- /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
|
|
2
|
-
|
|
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
|
|
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
|
|
15
|
+
export default PathwayCardProps;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import TabInterface from "./TabProps.tsx";
|
|
2
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2
|
+
declare const TabBodyContent: (props: TabBodyContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default TabBodyContent;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import TabNavItemProps from "./TabNavItemProps.tsx";
|
|
2
|
-
|
|
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
|
|
9
|
-
export
|
|
10
|
-
export { default as
|
|
11
|
-
export
|
|
12
|
-
export { default as
|
|
13
|
-
export { default as
|
|
14
|
-
export { default as
|
|
15
|
-
export { default as
|
|
16
|
-
export { default as
|
|
17
|
-
export type { default as
|
|
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,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';
|