- Issue with the extra large accessibility sizes on iOS #224.
- Added custom children to render inside the header (#288).
- Update the
<Modal>
within the<BottomSheet>
component to use thestatusBarTranslucent
prop by default.
- Update to build with react-native 0.70.0.
- This package now requires that you are using react-native-vector-icons version 9.0.0 or higher in your project.
- Added
testID
andaccessibilityLabel
to<InfoListItem>
,<Header>
,<HeaderActionItems>
, and<HeaderNavigationIcon>
for easy access in UI and E2E tests.
- Issue with
<MobileStepper>
default dark theme fill color (#276). - Issue with
<Header>
default backgroundImage size (#228). - Issue with
<Header>
title cutting off the top of CJK characters (#156).
- Changed license to Eaton.
- Changed package namespace from
@pxblue
to@brightlayer-ui
.
Previous versions listed after this indicator refer to our deprecated @pxblue
packages.
- Issue with missing color fallback values (#214).
- Issue regarding inability to set ref on
<ThemedTextInput>
(#213).
- Issue with
<UserMenu>
that would not applyfontColor
,iconColor
, andbackgroundColor
appropriately viamenuItems
prop object.
- New peerDependency on @brightlayer-ui/react-native-vector-icons.
- Wrapper components for various React Native Paper components. These greatly simplify the theming mechanism for using our dark theme, but does require updating to version 6+ of our @brightlayer-ui/react-native-themes package.
unitSpace
prop to<ChannelValue>
to manage spacing between the value and units.
IconClass
prop for most components has been renamed toicon
for clarification and has bee extended to support a wider variety of icon formats (see Icons]).- In
<Hero>
component,ValueIconClass
prop has been renamed tovalueIcon
. - In
<ChannelValue>
component,IconProps
has been replaced with separate props foriconSize
andiconColor
. - 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. - In
<DrawerHeader>
component,icon
prop has been split intoicon
andonIconPress
to better align with icon usage in other components. - In
<Header>
component,navigation
prop has been split intoicon
andonIconPress
to better align with icon usage in other components. ThenavigationIcon
style override has been renamed toicon
. Theavatar
style override has been renamed tocomponent
. color
prop for<Typography>
components now supports any valid color string. You can still use string shortcuts for theme colors for 'primary', 'accent', 'text', 'error', and 'notification'.
IconProps
prop from<EmptyState>
component — useiconSize
andiconColor
props instead.color
prop in<ChannelValue>
,<EmptyState>
, and<Hero>
components no longer supports using theme keys as string. If you would like to use a value from the theme, you must pass it in as a value:color={theme.colors.primary}
instead ofcolor={'primary'}
.
- Deprecation warnings for the
<Hero>
component properties that will be changing in version 6.0.0.
- Default
iconColor
for<InfoListItem>
(#183). - Update
<EmptyState>
default icon color to match the design (#173).
- Better component sizing for non-avatars in the
<Header>
component (#189).
<Header>
actionItems no longer limited to three. However, you should still strive to limit yourself to no more than three actions in most cases.
- Deprecation warnings for component properties that will be changing in version 6.0.0.
- Minor sizing issue in the
<Header>
when rotating device from landscape to portrait orientation.
- Improved support for using components in landscape orientation (#76)
- Improved intellisense popup documentation with links to full component documentation.
- Dependency on react-native-status-bar-height
<CollapsibleHeaderLayout>
component that resizes Header as the screen is scrolled.- New props for
<Header>
component (expandedHeight
,collapsedHeight
,onExpand
,onCollapse
,scrollPosition
,variant
) to support<CollapsibleHeaderLayout>
. - Support for
ReactNode
content in<Header>
title
,subtitle
, andinfo
props.
<ScoreCard>
component now extends the<Card>
components from React Native Paper.
- Updated styles for
<Header>
,<MobileStepper>
, and<UserMenu>
to work better with Dark Themes.
- Some of the style names for overrides have changed or moved
- Updated Caption fontSize to be 12
- Some default styles for
<EmptyState>
components. - Components will be responsive to the system font size.
icon
prop of the<DrawerHeader>
now accepts aHeaderIcon
type instead of aJSX.Element
to match the implementation in<Header>
.
- Additional configuration properties for
<Drawer>
:disableActiveItemParentStyle
disables the bold text style for active item's parent elements.
- Additional configuration properties for
<DrawNavGroup>
titleColor
changes the color of the group title text.
- Ability to build
<Drawer>
contents declaratively instead of usingitems
prop.
- Missing dependency on react-native-modal
<MobileStepper>
component for moving between pages.<UserMenu>
component to display an avatar that opens up a bottomsheet menu.leftComponent
prop to<InfoListItem>
.- Ability to use Avatar in
<Header>
actionItems.
- Updated styles for the
<Drawer>
.
- Adds
hidden
prop to the DrawerNavItem
to conditionally hide elements in the Drawer.
- Text styles of the
<ListItemTag>
updated slightly. - Updated to use React Native Paper version 4+.
- Fixes
rightComponent
prop for DrawerNavItem
to render content on the right side of the Drawer NavItem.
- Fixes some icon flipping behavior in
<Header>
for RTL.
- RTL Support
- Components/Text/Icons will change directions correctly based on the current language selection on device.
- IconWrapper allows you to easily flip icons that you supply to PX Blue components.
- New component for
<ListItemTag>
and<Spacer>
. - Adds
iconAlign
prop to<InfoListItem>
to align icons left (default), center or right.
- Upgraded dependencies to latest version of react-native-safe-area-context.
- To use with an Expo project you'll need to be using v38+ of the Expo SDK.
- New component for
<Drawer>
. - Adds
info
prop to<InfoListItem>
to support a third line of text.
- Updated components to use react-native-paper theming (requires @brightlayer-ui/react-themes v5.0.0+).
- Internal style properties are now override-able via the
styles
prop in each component. fontSize
prop for<Hero>
,<ChannelValue>
, and Typography components now takes anumber
instead of a string.- Renamed some of the typography variants (
<Label>
-><Body1>
,<Subtitle>
-><Subtitle2>
) and added some new ones.
- PX Blue theme is no longer bundled with the component library
- Theme is now available from @brightlayer-ui/themes
- Adds new components for:
- EmptyState
- Header
- InfoListItem
- ScoreCard
- Minor styling updates to existing typography elements and themes.
- Updated typography elements.
Initial alpha release.