- Components are now built to work with Material UI v6.
- Issue with
MenuListProps
in<UserMenu>
component (#893).
- Cleaned up slot names from the components(#458).
- Issue with
sx
prop in<UserMenu>
component (#437). - Padding and margin issue in
<InfoListItem>
, whenwrapTitle
,wrapSubtitle
andwrapInfo
props are enabled (#712).
- DOM nesting console warnings in
<InfoListItem>
'stitle
,subtitle
andinfo
props (#644). - Rendering of chevron and right component in
<InfoListItem>
at the same time (#364).
- Remove dependency on @mui/styles (#633).
hideContentOnCollapse
prop of<DrawerFooter>
not hiding footer content (#484).- Temporary drawer rendering, due to incorrectly passing open prop (#486).
activeItemFontColor
,activeItemIconColor
prop of<DrawerRailItem>
not updatingfont color
andicon color
of active rail item. (#486).condensed
prop of<DrawerRailItem>
not appling height and width56X56
to all rail items. (#541).- Styling of
nonClickableIcon
in<DrawerHeader>
not applying properly (#562). animationDuration
not being applied properly to<AppBar>
component.- DOM Nesting warnings when passing custom content to
title
ordescription
of<EmptyState>
.
- Components are now styled using use the new MUI styled engine and extend the sx prop.
- Components are now built to work with Material UI v5 (#352).
- In
<Hero>
component,fontSize
,value
,valueIcon
,valueColor
andunits
props have been replaced byChannelValueProps
prop, which will allow you to specify any props on the underlying<ChannelValue>
component. (#365).
- Quick set options for fontSize ('normal' and 'small') have been removed in the
<Hero>
/<ChannelValue>
components — if you were using these options previously, they can be replaced with '1.25rem' and '1rem', respectively, e.g.:<Hero ChannelValueProps={{ fontSize: '1rem' }} />
- DropdownToolbar. You should switch to using the
<ToolbarMenu>
component inside of a MUI Toolbar instead. (#353).
- Added
chevronColor
property to<InfoListItem>
and SharedProps of<Drawer>
. - Added class override for
chevron
on<InfoListItem>
and<DrawerNavItem>
. - Added
titleDivider
property onto<DrawerNavGroup>
. (#315) - Added 1rem default padding to the root styles of
<EmptyState>
. (#320) - Added new property
unitSpace
to<ChannelValue>
to manage spacing between the value and units. (#350) - Added
<ToolbarMenu>
component. (#351) - Added Deprecation warnings for DropdownToolbar component that will be removed in version 6.0.0.
- Avoid rendering of HTML elements in
<InfoListItem>
's DOM tree whensubtitle
orinfo
prop is not available. (#318)
- Changed package namespace from
@pxblue
to@brightlayer-ui
.
Previous versions listed after this indicator refer to our deprecated @pxblue
packages.
- Import material-ui components via default imports instead of named imports to reduce overall bundle size.
- Improved intellisense popup documentation with links to full component documentation.
- Issue where
<UserMenu>
AvataronClick
prop overrides the open behavior (#307). <UserMenu>
menuGroupsiconColor
prop bug (#305).
- Added
<AppBar>
component which will expand and collapse based on scroll position. - Added
wrapInfo
property onto<InfoListItem>
.
- Update
<UserMenu>
to responsively display a bottom sheet in place of an overlay menu.
- Added
disableRailTooltip
to<DrawerRailItem>
.
- Fixed misaligned menu icon in
<DrawerHeader>
.
- Some default colors in
<InfoListItem>
,<Drawer>
and<ScoreCard>
headers to work with @pxblue/react-themes version 6+. - Some default styles on
<ScoreCard>
,<UserMenu>
, and<EmptyState>
text elements. - Component sizing updated to use rems to better respond to system font size changes.
openOnHoverDelay
to<Drawer>
to alter open-on-hover delay for closed persistent drawers.- peerDependency support for using with React 17
- Updated styles for
<DropdownToolbar>
to support Icon Button or plain icon fornavigationIcon
. - Updated default styles for
<Drawer>
. activeItem
must now specified on the<Drawer>
component instead of<DrawerNavGroup>
.- Moved
titleColor
prop from shared props to the local props for<DrawerNavGroup>
. - Some of the class names for style overrides have changed
- Additional configuration properties for
<Drawer>
:sideBorder
gives the<Drawer>
a slight border instead of a drop shadow.disableActiveItemParentStyle
disables the bold text style for active item's parent elements.variant
now supports 'rail' option.
- Additional configuration options for
<DrawerSubheader>
and<DrawerFooter>
:hideContentOnCollapse
configures if content in these areas should be hidden or remain visible when the drawer is collapsed.divider
configures whether to show a dividing line separating the component from other content.
- Added new property
openOnHover
to<Drawer>
. - Ability to build
<Drawer>
contents declaratively instead of usingitems
prop.
- Updated styles for default
<ListItemTag>
and<Hero>
.
- Adds
hidden
prop to the DrawerNavItem
to conditionally omit items from the<Drawer>
or<UserMenu>
.
- Mismatched transition speeds on the
<Drawer>
and<DrawerLayout>
- Use more efficient icon import syntax for smaller bundle
- Hides Drawer Nav Item's title when the
<Drawer>
collapses in thepersistent
variant. - Improved some icon flipping logic for RTL.
- Adds
iconAlign
prop to<InfoListItem>
to align icon left (default), center or right. - Adds optional prop to the
<DrawerHeader>
to add a bottom divider. - Adds
<DropdownToolbar>
component.
- Fixes RTL support issues in the
<DrawerLayout>
/<Drawer>
- Fixes an issue with text wrapping in the
<InfoListItem>
subtitle - Fixes an issue with hover color alpha channel in
<InfoListItem>
- Adds
info
prop to<InfoListItem>
to support a third line of text.
- Updates several prop types to
ReactNode
to support wider range of input values.
- Themes updated to use @pxblue/colors version 3.0.0.
- Style-related properties are now overridable by the
classes
prop in each component.
- Supplemental properties are now spread to the root component for each PX Blue component.
- Changed component font colors to address potential accessibility issues.
Breaking Changes:
- Theme usage updated to Material UI v4+ format (requires v5+ of @pxblue/react-themes).
- Fixes IE 11 issue where persistent
<Drawer>
will not close. - Fixes some spacing issues when using the
<DrawerLayout>
.
- Adds support for nested items in the
<Drawer>
component. - Additional styling props added to
<Drawer>
.
Breaking Changes:
- A few props got renamed to avoid further ambiguities:
<DrawerNavGroup>
propcontent
has been renamed totitleContent
.- Anything controlling the look of a
NavItem
/NestedNavItem
, has been renamed to include 'item' in them. These are inheritable properties that might get confusing in different drawer hierarchy levels. List of affected props:
Previous | Current |
---|---|
activeBackgroundColor | activeItemBackgroundColor |
activeBackgroundShape | activeItemBackgroundShape |
activeFontColor | activeItemFontColor |
activeIconColor | activeItemIconColor |
fontColor | itemFontColor |
iconColor | itemIconColor |
-
New method for identifying current active item in DrawerNavGroup. Each item now has a unique
id
property and the DrawerNavGroup has a prop foractiveItem
that identifies the item that should be active./* Old syntax */ <DrawerNavGroup items={[ { title: 'Item 1', active: true, }, ]} /> /* New syntax */ <DrawerNavGroup activeItem={'item1id'} items={[ { title: 'Item 1', itemID: 'item1id', }, ]} />
- Adds
<InfoListTag>
Component- Displays additional information inside an InfoListItem.
- Adds
<UserMenu>
Component- Avatar which opens a Menu when clicked.
- Misc bug fixes.
- Adds new components for:
<Drawer>
<DrawerHeader>
<DrawerSubheader>
<DrawerBody>
<DrawerNavGroup>
<DrawerFooter>
<DrawerLayout>
-
Library converted to TypeScript to provide strong typings for TS projects.
-
Breaking Change: Simpler import syntax - default imports will no longer work.
/* Old import syntax */ import ComponentName from '@pxblue/react-components/core/ComponentName'; /* New import syntax */ import { ComponentName } from '@pxblue/react-components';
Adds a new component for <EmptyState>
.
Fixes a bug in icon size for inline <ChannelValue>
components.
Initial beta release