@hellobetterdigitalnz/betterui 0.0.1 → 0.0.2-1
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/App.d.ts +2 -0
- package/dist/Components/DataDisplay/Accordion/Accordion.d.ts +3 -0
- package/dist/Components/DataDisplay/Accordion/AccordionContext.d.ts +4 -0
- package/dist/Components/DataDisplay/Accordion/AccordionContextInterface.d.ts +7 -0
- package/dist/Components/DataDisplay/Accordion/AccordionItem.d.ts +3 -0
- package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts +10 -0
- package/dist/Components/DataDisplay/Accordion/AccordionProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Accordion/AccordionProvider.d.ts +3 -0
- package/dist/Components/DataDisplay/Accordion/AccordionProviderInterface.d.ts +6 -0
- package/dist/Components/DataDisplay/Badge/Badge.d.ts +3 -0
- package/dist/Components/DataDisplay/Badge/Badge.stories.d.ts +23 -0
- package/dist/Components/DataDisplay/Badge/BadgeProps.d.ts +5 -0
- package/dist/Components/DataDisplay/Cards/BannerCard/BannerCard.d.ts +3 -0
- package/dist/Components/DataDisplay/Cards/BannerCard/BannerCard.stories.d.ts +10 -0
- package/dist/Components/DataDisplay/Cards/BannerCard/BannerCardInterface.d.ts +13 -0
- package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.d.ts +2 -0
- package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.stories.d.ts +13 -0
- package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCardInterface.d.ts +15 -0
- package/dist/Components/DataDisplay/Media/Media.d.ts +3 -0
- package/dist/Components/DataDisplay/Media/Media.stories.d.ts +14 -0
- package/dist/Components/DataDisplay/Media/MediaProps.d.ts +7 -0
- package/dist/Components/DataDisplay/Modal/Modal.d.ts +3 -0
- package/dist/Components/DataDisplay/Modal/ModalActions.d.ts +2 -0
- package/dist/Components/DataDisplay/Modal/ModalActionsLeft.d.ts +2 -0
- package/dist/Components/DataDisplay/Modal/ModalActionsRight.d.ts +2 -0
- package/dist/Components/DataDisplay/Modal/ModalBody.d.ts +3 -0
- package/dist/Components/DataDisplay/Modal/ModalBodyProps.d.ts +5 -0
- package/dist/Components/DataDisplay/Modal/ModalCurtain.d.ts +2 -0
- package/dist/Components/DataDisplay/Modal/ModalHeader.d.ts +3 -0
- package/dist/Components/DataDisplay/Modal/ModalHeaderProps.d.ts +7 -0
- package/dist/Components/DataDisplay/Modal/ModalProps.d.ts +6 -0
- package/dist/Components/DataDisplay/NotificationsBell/NotificationBell.stories.d.ts +14 -0
- package/dist/Components/DataDisplay/NotificationsBell/NotificationsBell.d.ts +3 -0
- package/dist/Components/DataDisplay/NotificationsBell/NotificationsBellProps.d.ts +7 -0
- package/dist/Components/DataDisplay/NotificationsPanel/Notification.d.ts +3 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationProps.d.ts +10 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroup.d.ts +3 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.d.ts +6 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroups.d.ts +3 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.d.ts +5 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsHeader.d.ts +3 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsHeaderProps.d.ts +6 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsNone.d.ts +2 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsPanel.d.ts +3 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationsPanelProps.d.ts +5 -0
- package/dist/Components/DataDisplay/Tab/Tab.d.ts +2 -0
- package/dist/Components/DataDisplay/Tab/TabBody.d.ts +2 -0
- package/dist/Components/DataDisplay/Tab/TabBodyContent.d.ts +2 -0
- package/dist/Components/DataDisplay/Tab/TabBodyContentProps.d.ts +7 -0
- package/dist/Components/DataDisplay/Tab/TabBodyProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Tab/TabContext.d.ts +4 -0
- package/dist/Components/DataDisplay/Tab/TabContextProps.d.ts +5 -0
- package/dist/Components/DataDisplay/Tab/TabNav.d.ts +2 -0
- package/dist/Components/DataDisplay/Tab/TabNavItem.d.ts +2 -0
- package/dist/Components/DataDisplay/Tab/TabNavItemProps.d.ts +8 -0
- package/dist/Components/DataDisplay/Tab/TabNavProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Tab/TabProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Table/Table.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableBody.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableBodyProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Table/TableCell.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableCellAction.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableCellActionProps.d.ts +9 -0
- package/dist/Components/DataDisplay/Table/TableCellProps.d.ts +9 -0
- package/dist/Components/DataDisplay/Table/TableCellWithDesc.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableCellWithDescProps.d.ts +8 -0
- package/dist/Components/DataDisplay/Table/TableCellWithImage.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableCellWithImageProps.d.ts +9 -0
- package/dist/Components/DataDisplay/Table/TableFooter.d.ts +2 -0
- package/dist/Components/DataDisplay/Table/TableHead.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableHeadProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Table/TableHeaderCell.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableHeaderCellProps.d.ts +8 -0
- package/dist/Components/DataDisplay/Table/TableProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Table/TableRow.d.ts +3 -0
- package/dist/Components/DataDisplay/Table/TableRowProps.d.ts +6 -0
- package/dist/Components/DataDisplay/export.d.ts +12 -0
- package/dist/Components/Form/Button/Button.d.ts +6 -0
- package/dist/Components/Form/Button/Button.stories.d.ts +17 -0
- package/dist/Components/Form/Button/ButtonProps.d.ts +15 -0
- package/dist/Components/Form/Checkbox/Checkbox.d.ts +3 -0
- package/dist/Components/Form/Checkbox/Checkbox.stories.d.ts +17 -0
- package/dist/Components/Form/Checkbox/CheckboxProps.d.ts +20 -0
- package/dist/Components/Form/CheckboxSelect/CheckboxSelect.d.ts +2 -0
- package/dist/Components/Form/CheckboxSelect/CheckboxSelectItem.d.ts +2 -0
- package/dist/Components/Form/CheckboxSet/CheckboxSet.d.ts +3 -0
- package/dist/Components/Form/CheckboxSet/CheckboxSetItem.d.ts +3 -0
- package/dist/Components/Form/CheckboxSet/CheckboxSetProps.d.ts +7 -0
- package/dist/Components/Form/CurrencyField/CurrenctField.stories.d.ts +13 -0
- package/dist/Components/Form/CurrencyField/CurrencyField.d.ts +3 -0
- package/dist/Components/Form/CurrencyField/CurrencyFieldProps.d.ts +6 -0
- package/dist/Components/Form/DateField/DateField.d.ts +3 -0
- package/dist/Components/Form/DateField/DateField.stories.d.ts +13 -0
- package/dist/Components/Form/DropdownBadge/DropdownBadge.d.ts +3 -0
- package/dist/Components/Form/DropdownBadge/DropdownBadge.stories.d.ts +14 -0
- package/dist/Components/Form/DropdownBadge/DropdownBadgeItem.d.ts +3 -0
- package/dist/Components/Form/DropdownBadge/DropdownBadgeItemProps.d.ts +8 -0
- package/dist/Components/Form/DropdownBadge/DropdownBadgeProps.d.ts +27 -0
- package/dist/Components/Form/DropdownBadge/DropdownBadgeSelector.d.ts +3 -0
- package/dist/Components/Form/DropdownBadge/DropdownBadgeSelectorProps.d.ts +5 -0
- package/dist/Components/Form/DropdownField/DropdownField.d.ts +3 -0
- package/dist/Components/Form/DropdownField/DropdownField.stories.d.ts +14 -0
- package/dist/Components/Form/DropdownField/DropdownFieldItem.d.ts +3 -0
- package/dist/Components/Form/DropdownField/DropdownFieldItemProps.d.ts +7 -0
- package/dist/Components/Form/DropdownField/DropdownFieldProps.d.ts +29 -0
- package/dist/Components/Form/DropdownField/DropdownFieldSelector.d.ts +3 -0
- package/dist/Components/Form/DropdownField/DropdownFieldSelectorProps.d.ts +5 -0
- package/dist/Components/Form/EmailField/EmailField.d.ts +3 -0
- package/dist/Components/Form/EmailField/EmailField.stories.d.ts +13 -0
- package/dist/Components/Form/ErrorMessage/ErrorMessage.d.ts +2 -0
- package/dist/Components/Form/FormFieldHolder/FormFieldHolder.d.ts +3 -0
- package/dist/Components/Form/FormFieldHolder/FormFieldHolderProps.d.ts +10 -0
- package/dist/Components/Form/IconButton/IconButton.d.ts +6 -0
- package/dist/Components/Form/IconButton/IconButton.stories.d.ts +15 -0
- package/dist/Components/Form/IconButton/IconButtonProps.d.ts +13 -0
- package/dist/Components/Form/InputProps.d.ts +23 -0
- package/dist/Components/Form/MultiSelectField/MultiSelectField.d.ts +2 -0
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldItem.d.ts +2 -0
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldTag.d.ts +2 -0
- package/dist/Components/Form/PasswordField/PasswordField.d.ts +3 -0
- package/dist/Components/Form/PasswordField/PasswordField.stories.d.ts +13 -0
- package/dist/Components/Form/RadioButtons/RadioButton.d.ts +3 -0
- package/dist/Components/Form/RadioButtons/RadioButtonProps.d.ts +20 -0
- package/dist/Components/Form/RadioButtons/RadioButtons.d.ts +3 -0
- package/dist/Components/Form/RadioButtons/RadioButtonsProps.d.ts +8 -0
- package/dist/Components/Form/TextField/TextField.d.ts +3 -0
- package/dist/Components/Form/TextField/TextField.stories.d.ts +13 -0
- package/dist/Components/Form/TextField/TextFieldProps.d.ts +6 -0
- package/dist/Components/Form/Textarea/Textarea.d.ts +3 -0
- package/dist/Components/Form/Textarea/Textarea.stories.d.ts +14 -0
- package/dist/Components/Form/Textarea/TextareaProps.d.ts +25 -0
- package/dist/Components/Form/TimeField/TimeField.d.ts +3 -0
- package/dist/Components/Form/TimeField/TimeField.stories.d.ts +13 -0
- package/dist/Components/Form/ToggleSwitch/ToggleSwitch.d.ts +3 -0
- package/dist/Components/Form/ToggleSwitch/ToggleSwitch.stories.d.ts +17 -0
- package/dist/Components/Form/ToggleSwitch/ToggleSwitchProps.d.ts +20 -0
- package/dist/Components/Form/export.d.ts +7 -0
- package/dist/Components/Icons/Arrows/CaretDown/CaretDown.d.ts +3 -0
- package/dist/Components/Icons/Arrows/CaretLeft/CaretLeft.d.ts +3 -0
- package/dist/Components/Icons/Arrows/CaretRight/CaretRight.d.ts +3 -0
- package/dist/Components/Icons/Arrows/CaretUp/CaretUp.d.ts +3 -0
- package/dist/Components/Icons/Brand/WindowLogo/WindowLogo.d.ts +3 -0
- package/dist/Components/Icons/Commerce/CurrencyDollarSimple/CurrencyDollarSimple.d.ts +3 -0
- package/dist/Components/Icons/Communication/AddressBook/AddressBook.d.ts +3 -0
- package/dist/Components/Icons/Communication/AddressBook/AddressBook.stories.d.ts +21 -0
- package/dist/Components/Icons/Communication/Asterick/Asterisk.d.ts +3 -0
- package/dist/Components/Icons/Communication/Asterick/Asterisk.stories.d.ts +21 -0
- package/dist/Components/Icons/Communication/AsterickSimple/AsteriskSimple.d.ts +3 -0
- package/dist/Components/Icons/Communication/AsterickSimple/AsteriskSimple.stories.d.ts +21 -0
- package/dist/Components/Icons/Communication/At/At.d.ts +3 -0
- package/dist/Components/Icons/Communication/At/At.stories.d.ts +21 -0
- package/dist/Components/Icons/Communication/Broadcast/Broadcast.d.ts +3 -0
- package/dist/Components/Icons/Communication/Broadcast/Broadcast.stories.d.ts +21 -0
- package/dist/Components/Icons/Communication/Chat/Chat.d.ts +3 -0
- package/dist/Components/Icons/Communication/Chat/Chat.stories.d.ts +21 -0
- package/dist/Components/Icons/Design/Eye/Eye.d.ts +3 -0
- package/dist/Components/Icons/Design/EyeSlash/EyeSlash.d.ts +3 -0
- package/dist/Components/Icons/IconProps.d.ts +4 -0
- package/dist/Components/Icons/MathAndFinance/XIcon/XIcon.d.ts +3 -0
- package/dist/Components/Icons/SecurityAndWarnings/WarningCircle/WarningCircle.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/Bell/Bell.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/MagnifyingGlass/MagnifyingGlass.d.ts +3 -0
- package/dist/Components/Icons/Time/CalendarBank/CalendarBank.d.ts +3 -0
- package/dist/Components/Icons/Time/Clock/Clock.d.ts +3 -0
- package/dist/Components/Layout/CalloutPopup/CalloutPopup.d.ts +2 -0
- package/dist/Components/Layout/Header/Header.d.ts +2 -0
- package/dist/Components/Layout/Header/HeaderLeft.d.ts +2 -0
- package/dist/Components/Layout/Header/HeaderRight.d.ts +2 -0
- package/dist/Components/Layout/Pagination/Pagination.d.ts +2 -0
- package/dist/Components/Layout/Pagination/PaginationFirst.d.ts +2 -0
- package/dist/Components/Layout/Pagination/PaginationLast.d.ts +2 -0
- package/dist/Components/Layout/Pagination/PaginationNext.d.ts +2 -0
- package/dist/Components/Layout/Pagination/PaginationNumber.d.ts +2 -0
- package/dist/Components/Layout/Pagination/PaginationPrevious.d.ts +2 -0
- package/dist/Components/Layout/ProfileAvatar/ProfileAvatar.d.ts +3 -0
- package/dist/Components/Layout/ProfileAvatar/ProfileAvatar.stories.d.ts +13 -0
- package/dist/Components/Layout/ProfileAvatar/ProfileAvatarProps.d.ts +8 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileDropdown.d.ts +3 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileDropdownProps.d.ts +6 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileHeader.d.ts +3 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileHeaderProps.d.ts +7 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileLink.d.ts +3 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileLinkProps.d.ts +5 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileLinks.d.ts +3 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileLinksProps.d.ts +5 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileNavigationItem.d.ts +3 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileNavigationItemProps.d.ts +8 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileSwitchPanel.d.ts +3 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileSwitchPanelProps.d.ts +8 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileSwitchUser.d.ts +3 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileSwitchUserProps.d.ts +6 -0
- package/dist/Components/Layout/Sidebar/Sidebar.d.ts +2 -0
- package/dist/Components/Layout/Sidebar/SidebarChevron.d.ts +2 -0
- package/dist/Components/Layout/Sidebar/SidebarNavigation.d.ts +2 -0
- package/dist/Components/Layout/Sidebar/SidebarNavigationItem.d.ts +2 -0
- package/dist/Components/Layout/Sidebar/SidebarSubNavigation.d.ts +2 -0
- package/dist/Notification/Notification.d.ts +2 -0
- package/dist/Notification/NotificationInterface.d.ts +7 -0
- package/dist/Notification/NotificationList.d.ts +2 -0
- package/dist/Notification/NotificationListHolder.d.ts +2 -0
- package/dist/Notification/NotificationListHolderInterface.d.ts +6 -0
- package/dist/Notification/NotificationListInterface.d.ts +10 -0
- package/dist/export.d.ts +2 -0
- package/dist/image/table-image.png +0 -0
- package/dist/index.cjs +31 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.iife.js +31 -0
- package/dist/index.js +1010 -0
- package/dist/main.d.ts +0 -0
- package/dist/style.css +1 -0
- package/dist/vite.svg +1 -0
- package/package.json +53 -48
- package/src/App.tsx +30 -30
- package/src/Components/DataDisplay/Accordion/Accordion.stories.tsx +57 -57
- package/src/Components/DataDisplay/Accordion/Accordion.tsx +14 -14
- package/src/Components/DataDisplay/Accordion/AccordionContext.tsx +11 -11
- package/src/Components/DataDisplay/Accordion/AccordionContextInterface.tsx +8 -8
- package/src/Components/DataDisplay/Accordion/AccordionItem.tsx +62 -62
- package/src/Components/DataDisplay/Accordion/AccordionItemProps.tsx +12 -12
- package/src/Components/DataDisplay/Accordion/AccordionProps.tsx +8 -8
- package/src/Components/DataDisplay/Accordion/AccordionProvider.tsx +65 -65
- package/src/Components/DataDisplay/Accordion/AccordionProviderInterface.tsx +8 -8
- package/src/Components/DataDisplay/Accordion/accordion.module.scss +56 -56
- package/src/Components/DataDisplay/Badge/Badge.stories.tsx +44 -44
- package/src/Components/DataDisplay/Badge/Badge.tsx +32 -32
- package/src/Components/DataDisplay/Badge/BadgeProps.tsx +6 -6
- package/src/Components/DataDisplay/Badge/badge.module.scss +42 -42
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCard.stories.tsx +26 -26
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCard.tsx +49 -47
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCardInterface.tsx +15 -15
- package/src/Components/DataDisplay/Cards/BannerCard/banner-card.scss +54 -54
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCard.stories.tsx +31 -31
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCard.tsx +53 -53
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCardInterface.tsx +17 -17
- package/src/Components/DataDisplay/Cards/PathwayCard/pathway-card-stories.scss +3 -3
- package/src/Components/DataDisplay/Cards/PathwayCard/pathway-card.scss +62 -62
- package/src/Components/DataDisplay/Media/Media.stories.tsx +30 -30
- package/src/Components/DataDisplay/Media/media.module.scss +8 -8
- package/src/Components/DataDisplay/Modal/Modal.stories.tsx +27 -27
- package/src/Components/DataDisplay/Modal/Modal.tsx +16 -16
- package/src/Components/DataDisplay/Modal/ModalActions.tsx +5 -5
- package/src/Components/DataDisplay/Modal/ModalActionsLeft.tsx +5 -5
- package/src/Components/DataDisplay/Modal/ModalActionsRight.tsx +5 -5
- package/src/Components/DataDisplay/Modal/ModalBody.tsx +15 -15
- package/src/Components/DataDisplay/Modal/ModalBodyProps.tsx +7 -7
- package/src/Components/DataDisplay/Modal/ModalCurtain.tsx +5 -5
- package/src/Components/DataDisplay/Modal/ModalHeader.tsx +32 -32
- package/src/Components/DataDisplay/Modal/ModalHeaderProps.tsx +8 -8
- package/src/Components/DataDisplay/Modal/ModalProps.tsx +8 -8
- package/src/Components/DataDisplay/Modal/modal.module.scss +58 -58
- package/src/Components/DataDisplay/NotificationsBell/NotificationBell.stories.tsx +27 -27
- package/src/Components/DataDisplay/NotificationsBell/NotificationsBell.tsx +51 -51
- package/src/Components/DataDisplay/NotificationsBell/notificationBell.module.scss +47 -47
- package/src/Components/DataDisplay/NotificationsPanel/Notification.stories.tsx +128 -128
- package/src/Components/DataDisplay/NotificationsPanel/Notification.tsx +59 -59
- package/src/Components/DataDisplay/NotificationsPanel/NotificationProps.tsx +11 -11
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroup.tsx +17 -17
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.tsx +8 -8
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroups.tsx +42 -42
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.tsx +7 -7
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsHeader.tsx +27 -27
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsHeaderProps.tsx +7 -7
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsNone.tsx +11 -11
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsPanel.tsx +8 -8
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsPanelProps.tsx +6 -6
- package/src/Components/DataDisplay/NotificationsPanel/notificationPanel.module.scss +196 -196
- package/src/Components/DataDisplay/Tab/Tab.stories.tsx +72 -72
- package/src/Components/DataDisplay/Tab/Tab.tsx +20 -20
- package/src/Components/DataDisplay/Tab/TabBody.tsx +6 -6
- package/src/Components/DataDisplay/Tab/TabBodyContent.tsx +15 -15
- package/src/Components/DataDisplay/Tab/TabBodyContentProps.tsx +9 -9
- package/src/Components/DataDisplay/Tab/TabBodyProps.tsx +8 -8
- package/src/Components/DataDisplay/Tab/TabContext.tsx +9 -9
- package/src/Components/DataDisplay/Tab/TabContextProps.tsx +6 -6
- package/src/Components/DataDisplay/Tab/TabNav.tsx +6 -6
- package/src/Components/DataDisplay/Tab/TabNavItem.tsx +49 -49
- package/src/Components/DataDisplay/Tab/TabNavItemProps.tsx +9 -9
- package/src/Components/DataDisplay/Tab/TabNavProps.tsx +8 -8
- package/src/Components/DataDisplay/Tab/TabProps.tsx +8 -8
- package/src/Components/DataDisplay/Tab/tab.module.scss +35 -35
- package/src/Components/DataDisplay/Tab/tab.stories.scss +3 -3
- package/src/Components/DataDisplay/Table/Table.stories.tsx +64 -64
- package/src/Components/DataDisplay/Table/Table.tsx +10 -10
- package/src/Components/DataDisplay/Table/TableBody.tsx +13 -13
- package/src/Components/DataDisplay/Table/TableBodyProps.tsx +8 -8
- package/src/Components/DataDisplay/Table/TableCell.tsx +30 -30
- package/src/Components/DataDisplay/Table/TableCellAction.tsx +27 -27
- package/src/Components/DataDisplay/Table/TableCellActionProps.tsx +11 -11
- package/src/Components/DataDisplay/Table/TableCellProps.tsx +11 -11
- package/src/Components/DataDisplay/Table/TableCellWithDesc.tsx +21 -21
- package/src/Components/DataDisplay/Table/TableCellWithDescProps.tsx +9 -9
- package/src/Components/DataDisplay/Table/TableCellWithImage.tsx +39 -39
- package/src/Components/DataDisplay/Table/TableCellWithImageProps.tsx +10 -10
- package/src/Components/DataDisplay/Table/TableFooter.tsx +5 -5
- package/src/Components/DataDisplay/Table/TableHead.tsx +11 -11
- package/src/Components/DataDisplay/Table/TableHeadProps.tsx +8 -8
- package/src/Components/DataDisplay/Table/TableHeaderCell.tsx +17 -17
- package/src/Components/DataDisplay/Table/TableHeaderCellProps.tsx +10 -10
- package/src/Components/DataDisplay/Table/TableProps.tsx +8 -8
- package/src/Components/DataDisplay/Table/TableRow.tsx +9 -9
- package/src/Components/DataDisplay/Table/TableRowProps.tsx +8 -8
- package/src/Components/DataDisplay/Table/table.module.scss +103 -103
- package/src/Components/DataDisplay/export.ts +14 -0
- package/src/Components/Form/Button/Button.stories.tsx +66 -63
- package/src/Components/Form/Button/Button.tsx +64 -64
- package/src/Components/Form/Button/ButtonProps.tsx +18 -18
- package/src/Components/Form/Button/button.module.scss +142 -142
- package/src/Components/Form/Checkbox/Checkbox.stories.tsx +49 -49
- package/src/Components/Form/Checkbox/Checkbox.tsx +85 -85
- package/src/Components/Form/Checkbox/CheckboxProps.tsx +22 -22
- package/src/Components/Form/Checkbox/checkbox.module.scss +63 -63
- package/src/Components/Form/CheckboxSelect/CheckboxSelect.tsx +5 -5
- package/src/Components/Form/CheckboxSelect/CheckboxSelectItem.tsx +5 -5
- package/src/Components/Form/CheckboxSet/CheckboxSet.stories.tsx +93 -93
- package/src/Components/Form/CheckboxSet/CheckboxSet.tsx +14 -14
- package/src/Components/Form/CheckboxSet/CheckboxSetItem.tsx +88 -88
- package/src/Components/Form/CheckboxSet/CheckboxSetProps.tsx +9 -9
- package/src/Components/Form/CheckboxSet/checkboxSet.module.scss +13 -13
- package/src/Components/Form/CurrencyField/CurrenctField.stories.tsx +22 -22
- package/src/Components/Form/CurrencyField/CurrencyField.tsx +59 -59
- package/src/Components/Form/CurrencyField/CurrencyFieldProps.tsx +8 -8
- package/src/Components/Form/DateField/DateField.stories.tsx +22 -22
- package/src/Components/Form/DateField/DateField.tsx +58 -58
- package/src/Components/Form/DropdownBadge/DropdownBadge.stories.tsx +49 -49
- package/src/Components/Form/DropdownBadge/DropdownBadge.tsx +160 -160
- package/src/Components/Form/DropdownBadge/DropdownBadgeItem.tsx +40 -40
- package/src/Components/Form/DropdownBadge/DropdownBadgeItemProps.tsx +10 -10
- package/src/Components/Form/DropdownBadge/DropdownBadgeProps.tsx +31 -31
- package/src/Components/Form/DropdownBadge/DropdownBadgeSelector.tsx +11 -11
- package/src/Components/Form/DropdownBadge/DropdownBadgeSelectorProps.tsx +7 -7
- package/src/Components/Form/DropdownBadge/dropdownBadge.module.scss +105 -105
- package/src/Components/Form/DropdownField/DropdownField.stories.tsx +50 -50
- package/src/Components/Form/DropdownField/DropdownField.tsx +118 -118
- package/src/Components/Form/DropdownField/DropdownFieldItem.tsx +26 -26
- package/src/Components/Form/DropdownField/DropdownFieldItemProps.tsx +9 -9
- package/src/Components/Form/DropdownField/DropdownFieldProps.tsx +33 -33
- package/src/Components/Form/DropdownField/DropdownFieldSelector.tsx +15 -15
- package/src/Components/Form/DropdownField/DropdownFieldSelectorProps.tsx +7 -7
- package/src/Components/Form/DropdownField/dropdown.module.scss +79 -79
- package/src/Components/Form/EmailField/EmailField.stories.ts +23 -23
- package/src/Components/Form/EmailField/EmailField.tsx +51 -51
- package/src/Components/Form/ErrorMessage/ErrorMessage.tsx +5 -5
- package/src/Components/Form/FormFieldHolder/FormFieldHolder.stories.tsx +30 -0
- package/src/Components/Form/FormFieldHolder/FormFieldHolder.tsx +40 -5
- package/src/Components/Form/FormFieldHolder/FormFieldHolderProps.tsx +12 -0
- package/src/Components/Form/FormFieldHolder/formHolder.module.scss +56 -0
- package/src/Components/Form/IconButton/IconButton.stories.tsx +45 -45
- package/src/Components/Form/IconButton/IconButton.tsx +58 -58
- package/src/Components/Form/IconButton/IconButtonProps.tsx +15 -15
- package/src/Components/Form/IconButton/iconButton.module.scss +111 -111
- package/src/Components/Form/InputProps.tsx +25 -25
- package/src/Components/Form/MultiSelectField/MultiSelectField.tsx +5 -5
- package/src/Components/Form/MultiSelectField/MultiSelectFieldItem.tsx +5 -5
- package/src/Components/Form/MultiSelectField/MultiSelectFieldTag.tsx +5 -5
- package/src/Components/Form/PasswordField/PasswordField.stories.tsx +22 -22
- package/src/Components/Form/PasswordField/PasswordField.tsx +70 -70
- package/src/Components/Form/RadioButtons/RadioButton.tsx +70 -70
- package/src/Components/Form/RadioButtons/RadioButtonProps.tsx +22 -22
- package/src/Components/Form/RadioButtons/RadioButtons.stories.tsx +64 -64
- package/src/Components/Form/RadioButtons/RadioButtons.tsx +18 -18
- package/src/Components/Form/RadioButtons/RadioButtonsProps.tsx +10 -10
- package/src/Components/Form/RadioButtons/radioButton.stories.scss +3 -3
- package/src/Components/Form/RadioButtons/radiobutton.module.scss +63 -63
- package/src/Components/Form/TextField/TextField.stories.ts +22 -22
- package/src/Components/Form/TextField/TextField.tsx +56 -56
- package/src/Components/Form/TextField/TextFieldProps.tsx +8 -8
- package/src/Components/Form/Textarea/Textarea.stories.ts +31 -31
- package/src/Components/Form/Textarea/Textarea.tsx +71 -71
- package/src/Components/Form/Textarea/TextareaProps.tsx +27 -27
- package/src/Components/Form/Textarea/textarea.module.scss +49 -49
- package/src/Components/Form/TimeField/TimeField.stories.tsx +22 -22
- package/src/Components/Form/TimeField/TimeField.tsx +58 -58
- package/src/Components/Form/ToggleSwitch/ToggleSwitch.stories.tsx +49 -49
- package/src/Components/Form/ToggleSwitch/ToggleSwitch.tsx +87 -87
- package/src/Components/Form/ToggleSwitch/ToggleSwitchProps.tsx +22 -22
- package/src/Components/Form/ToggleSwitch/toggleSwitch.module.scss +82 -82
- package/src/Components/Form/export.ts +7 -0
- package/src/Components/Form/inputs.module.scss +129 -129
- package/src/Components/Icons/Arrows/CaretDown/CaretDown.tsx +49 -49
- package/src/Components/Icons/Arrows/CaretLeft/CaretLeft.tsx +102 -102
- package/src/Components/Icons/Arrows/CaretRight/CaretRight.tsx +102 -102
- package/src/Components/Icons/Arrows/CaretUp/CaretUp.tsx +49 -49
- package/src/Components/Icons/Brand/WindowLogo/WindowLogo.tsx +105 -0
- package/src/Components/Icons/Commerce/CurrencyDollarSimple/CurrencyDollarSimple.tsx +105 -105
- package/src/Components/Icons/Communication/AddressBook/AddressBook.stories.ts +28 -28
- package/src/Components/Icons/Communication/AddressBook/AddressBook.tsx +50 -50
- package/src/Components/Icons/Communication/Asterick/Asterisk.stories.ts +28 -28
- package/src/Components/Icons/Communication/Asterick/Asterisk.tsx +50 -50
- package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.stories.ts +28 -28
- package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.tsx +49 -49
- package/src/Components/Icons/Communication/At/At.stories.ts +28 -28
- package/src/Components/Icons/Communication/At/At.tsx +49 -49
- package/src/Components/Icons/Communication/Broadcast/Broadcast.stories.ts +27 -27
- package/src/Components/Icons/Communication/Broadcast/Broadcast.tsx +49 -49
- package/src/Components/Icons/Communication/Chat/Chat.stories.ts +28 -28
- package/src/Components/Icons/Communication/Chat/Chat.tsx +49 -49
- package/src/Components/Icons/Design/Eye/Eye.tsx +105 -105
- package/src/Components/Icons/Design/EyeSlash/EyeSlash.tsx +105 -105
- package/src/Components/Icons/IconProps.tsx +5 -5
- package/src/Components/Icons/SecurityAndWarnings/WarningCircle/WarningCircle.tsx +105 -0
- package/src/Components/Icons/SystemAndDevice/Bell/Bell.tsx +49 -49
- package/src/Components/Icons/SystemAndDevice/MagnifyingGlass/MagnifyingGlass.tsx +105 -105
- package/src/Components/Icons/Time/CalendarBank/CalendarBank.tsx +105 -105
- package/src/Components/Icons/Time/Clock/Clock.tsx +105 -105
- package/src/Components/Layout/CalloutPopup/CalloutPopup.tsx +5 -5
- package/src/Components/Layout/Header/Header.tsx +5 -5
- package/src/Components/Layout/Header/HeaderLeft.tsx +5 -5
- package/src/Components/Layout/Header/HeaderRight.tsx +5 -5
- package/src/Components/Layout/Pagination/Pagination.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationFirst.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationLast.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationNext.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationNumber.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationPrevious.tsx +5 -5
- package/src/Components/Layout/ProfileAvatar/ProfileAvatar.stories.tsx +22 -22
- package/src/Components/Layout/ProfileAvatar/ProfileAvatar.tsx +31 -31
- package/src/Components/Layout/ProfileAvatar/ProfileAvatarProps.tsx +10 -10
- package/src/Components/Layout/ProfileAvatar/profileAvatar.module.scss +35 -35
- package/src/Components/Layout/ProfileDropdown/ProfileDropdown.stories.tsx +67 -67
- package/src/Components/Layout/ProfileDropdown/ProfileDropdown.tsx +12 -12
- package/src/Components/Layout/ProfileDropdown/ProfileDropdownProps.tsx +8 -8
- package/src/Components/Layout/ProfileDropdown/ProfileHeader.tsx +24 -24
- package/src/Components/Layout/ProfileDropdown/ProfileHeaderProps.tsx +8 -8
- package/src/Components/Layout/ProfileDropdown/ProfileLink.tsx +10 -10
- package/src/Components/Layout/ProfileDropdown/ProfileLinkProps.tsx +7 -7
- package/src/Components/Layout/ProfileDropdown/ProfileLinks.tsx +14 -14
- package/src/Components/Layout/ProfileDropdown/ProfileLinksProps.tsx +7 -7
- package/src/Components/Layout/ProfileDropdown/ProfileNavigationItem.tsx +29 -29
- package/src/Components/Layout/ProfileDropdown/ProfileNavigationItemProps.tsx +10 -10
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchPanel.tsx +79 -79
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchPanelProps.tsx +10 -10
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchUser.tsx +22 -22
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchUserProps.tsx +7 -7
- package/src/Components/Layout/ProfileDropdown/profileDropdown.module.scss +207 -207
- package/src/Components/Layout/Sidebar/Sidebar.tsx +5 -5
- package/src/Components/Layout/Sidebar/SidebarChevron.tsx +5 -5
- package/src/Components/Layout/Sidebar/SidebarNavigation.tsx +5 -5
- package/src/Components/Layout/Sidebar/SidebarNavigationItem.tsx +5 -5
- package/src/Components/Layout/Sidebar/SidebarSubNavigation.tsx +5 -5
- package/src/Notification/Notification.tsx +83 -83
- package/src/export.ts +2 -0
- package/src/global.scss +224 -224
- package/src/main.tsx +10 -10
- package/src/variables.scss +2 -2
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.
|
package/dist/App.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
interface AccordionItemProps {
|
|
3
|
+
index: string | number;
|
|
4
|
+
title: string;
|
|
5
|
+
children: string | ReactNode;
|
|
6
|
+
onAfterOpened?: () => void;
|
|
7
|
+
onAfterClosed?: () => void;
|
|
8
|
+
onBeforeClosed?: () => boolean;
|
|
9
|
+
}
|
|
10
|
+
export default AccordionItemProps;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import Badge from './Badge';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./BadgeProps").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
argTypes: {
|
|
10
|
+
status: {
|
|
11
|
+
options: string[];
|
|
12
|
+
control: {
|
|
13
|
+
type: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
tags: string[];
|
|
18
|
+
};
|
|
19
|
+
export default meta;
|
|
20
|
+
type Story = StoryObj<typeof Badge>;
|
|
21
|
+
export declare const Pending: Story;
|
|
22
|
+
export declare const InProgress: Story;
|
|
23
|
+
export declare const Complete: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import BannerCard from './BannerCard.tsx';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./BannerCardInterface.tsx").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof BannerCard>;
|
|
10
|
+
export declare const Example: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface BannerCardInterface {
|
|
2
|
+
title: string;
|
|
3
|
+
btnTitle: string;
|
|
4
|
+
description: string;
|
|
5
|
+
image: string;
|
|
6
|
+
btnType?: "button" | "submit" | "reset" | undefined;
|
|
7
|
+
btnSize?: "default" | "large" | "small";
|
|
8
|
+
btnStyle?: "solid" | "hollow" | "no-border";
|
|
9
|
+
btnScheme?: "primary" | "secondary" | "gray";
|
|
10
|
+
extraClass?: string;
|
|
11
|
+
btnOnClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
export default BannerCardInterface;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { PathwayCard } from './PathwayCard.tsx';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./PathwayCardInterface.tsx").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof PathwayCard>;
|
|
13
|
+
export declare const Example: Story;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
interface PathwayCardInterface {
|
|
3
|
+
title: string;
|
|
4
|
+
btnTitle: string;
|
|
5
|
+
description: string;
|
|
6
|
+
image: string | ReactNode;
|
|
7
|
+
btnType?: "button" | "submit" | "reset" | undefined;
|
|
8
|
+
btnSize?: "default" | "large" | "small";
|
|
9
|
+
btnStyle?: "solid" | "hollow" | "no-border";
|
|
10
|
+
btnScheme?: "primary" | "secondary" | "gray";
|
|
11
|
+
extraClass?: string;
|
|
12
|
+
cardOnClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
13
|
+
btnOnClick?: () => void;
|
|
14
|
+
}
|
|
15
|
+
export default PathwayCardInterface;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import Media from "./Media";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ type, videoSrc, imageSrc }: import("./MediaProps").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string[];
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof Media>;
|
|
13
|
+
export declare const MediaImage: Story;
|
|
14
|
+
export declare const MediaVideo: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import NotificationsBell from "./NotificationsBell";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./NotificationsBellProps").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof NotificationsBell>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const ActiveState: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface NotificationProps {
|
|
2
|
+
notificationInitials?: string;
|
|
3
|
+
extraClass?: string;
|
|
4
|
+
boldText?: string;
|
|
5
|
+
regularText?: string;
|
|
6
|
+
summaryText?: string;
|
|
7
|
+
notificatonItemOnClick?: () => void;
|
|
8
|
+
closeOnClick?: () => void;
|
|
9
|
+
}
|
|
10
|
+
export default NotificationProps;
|