- Updated to Angular 14 for building the library.
- Removed
<blui-dropdown-toolbar>
component.
- Fixed
<blui-empty-state>
not sizing non-material icons correctly. (#530).
- Fixed incorrect styling of nested
<mat-drawer-content>
(#463). - Fixed
<blui-drawer>
sharing a single instance of drawer state (#453). - Fixed
<blui-drawer-header>
not responding to dynamic icon content. (#473). - Fixed
<blui-drawer-layout>
styles affecting deep nested<blui-drawer>
children (#472). - Fixed
blui-title-content
not showing in<blui-nav-group>
(#475). - Fixed
blui-app-bar
not listening to scroll containers when rendered in a<ng-template>
(#508). - Fixed
blui-score-card
badgeOffset
not being updated correctly when set to 0 after initialization (#534).
- Fixed escape key permanently dismissing
<blui-drawer>
(#426). - Fixed
<blui-drawer-layout>
opening side nav when transitioning to atemporary
state (#82). - Fixed escape key permanently dismissing
<blui-user-menu>
(#434). - Fixed
<blui-empty-state>
not being centered when a description is not provided (#378).
- Fixed avatar line-height in
<blui-user-menu>
component (#419).
- Added
<blui-toolbar-menu>
component (#374).
- Updated to Angular 13 for building the library.
- Fixed container overflow in
<blui-empty-state>
(#400). - Fixed
<blui-app-bar>
and<blui-three-liner>
applying transition tocolor
andbackground-color
style properties (#395). - Fixed
<blui-mobile-stepper>
not spanning full container width on Safari (#404). - Fixed
<blui-empty-state>
description not applying correct typography. (#414).
- Fixed change detection error in
<blui-drawer-nav-item>
(#397).
- Fixed
<blui-drawer-nav-item>
not responding toexpanded
input on initialization. (#391)
- Added 1rem default padding to
<blui-empty-state>
(#336). - Added a list
peerDependencies
to component'spackage.json
(#351).
- Fixed
<blui-app-bar>
not listening for new scroll elementsonChanges
(#362). - Fixed
<blui-user-menu>
not rendering bottomsheet content when quickly dismissing and then reopening. (#345) - Fixed
<blui-drawer-nav-item>
not responding toexpanded
input updates. (#326) - Fixed
<blui-drawer-nav-item>
not applying correctdepth
class for asynchronously loaded items. (#356)
- Fixed
<blui-score-card>
cutting off descender letters.
- Changed package namespace from
@pxblue
to@brightlayer-ui
.
Previous versions listed after this indicator refer to our deprecated @pxblue
packages.
- Added new property
unitSpace
to<pxb-channel-value>
and<pxb-hero>
to manage spacing between the value and units.
- Changed
<pxb-user-menu>
open
property to be required instead of optional. - Changed
<pxb-user-menu>
component to use a newUserMenuHeaderComponent
in the menu overlay instead of using aDrawerHeaderComponent
.
- Fixed stepper spacing in
<pxb-mobile-stepper>
when Back and Next buttons are uneven width. - Fixed bug in
<pxb-user-menu>
that prevented the bottom sheet from rendering whenopen
was manually set totrue
. - Fixed bug in
<pxb-user-menu>
where dismissing a bottomsheet via backdrop click did not emit abackdropClick
event. - Fixed bug in
<pxb-app-bar>
that prevented class overrides on the root element. - Fixed bug in
<pxb-app-bar>
so scroll listeners can no longer attempt to measureundefined
elements' scroll distance.
- Tooltips to the
<pxb-drawer-nav-item>
when using thepersistent
drawer variant (#301). - Improved intellisense popup documentation with links to full component documentation.
- Updated to Angular 11 for building the library.
- Added
<pxb-app-bar>
component. - Added
wrapInfo
prop to<pxb-info-list-item>
. - Added new property
disabled
to<pxb-info-list-item
>.
- Fixed
<pxb-drawer-header>
content alignment when omitting a menu icon.
- Update
<pxb-user-menu>
to responsively display a bottom sheet in place of an overlay menu.
- Added
disableRailTooltip
prop to<pxb-drawer>
.
- Fixed non-centered
<pxb-list-item-tag>
text.
- Added new property
disabled
to<pxb-info-list-item
>.
- Fixed non-centered icon alignment in
<pxb-info-list-item>
.
- Added new property
color
to<pxb-dropdown-toolbar>
. - Added new property
color
to<pxb-drawer-header>
.
- Changed vertical margins to use rem units so they scale with system font-size
- Updated
<pxb-score-card>
header and subtitle font size to match DSM.
- Adds new property
openOnHover
to<pxb-drawer>
. - Adds new class
pxb-dropdown-toolbar-subtitle-icon
to<pxb-dropdown-toolbar>
- Adds lighter font weight to
<pxb-info-list-item>
placed inside<pxb-user-menu>
. - Adds a shadow to the
<pxb-user-menu>
when opened. - Adds new property
openOnHoverDelay
to<pxb-drawer>
to alter open-on-hover delay for closed persistent drawers.
- Fixes bug in
<pxb-mobile-stepper>
which makes component span 100% of parent width. - Fixes header height bug which affected
<pxb-drawer-header>
in Safari. - Fixes misalignment of
<pxb-info-list-item>
's right content. - Fixes RTL styles in
<pxb-dropdown-toolbar>
. - Fixes uneven vertical alignment of icon and text in
<pxb-empty-state>
action buttons. - Fixes
<pxb-user-menu>
menu header avatar offset. - Fixes
<pxb-drawer>
sideBorder
prop to usemat-elevation
class.
- Removes automatic RTL flip logic from user-provided icons to
<pxb-info-list-item>
.
- Default styles of
<pxb-dropdown-toolbar>
for more padding around the dropdown arrow. - Changed
<pxb-user-menu>
menu title default font size to 16px. - Changed
<pxb-user-menu>
menu subtitle default font size to 14px.
- Added
hidden
prop to the<pxb-drawer-nav-item>
. - Enhanced
<pxb-empty-state>
to allow ng-content astitle
ordescription
.
- Migrated to Angular 10
- Renamed several classes and updated styles for the
<pxb-drawer>
- Updated default style of the
<pxb-hero>
- Fixes bug in InfoListItem where divider was not working with
mat-ripple
. - Changes default display setting of ListItemTag so it doesn't take up 100% width in non-flex containers.
- Updates the ListItemTag styles to match our DSM recommendations.
- Adds a new
rail
variant to the<pxb-drawer-layout>
. - Adds a host class to each PX Blue component tag
- Removed right-to-left icon inverting logic per Material Design's bidirectionality guideline.
- Adds new component for
<pxb-user-menu>
(use @pxblue/angular-themes v5.1.0+ to get PX Blue themes for this component). - Adds new component for
<pxb-dropdown-toolbar>
. - Adds
iconAlign
attribute to<pxb-info-list-item>
to align icons left (default), center or right.
- Adds new components for
<pxb-score-card>
,<pxb-info-list-item>
,<pxb-list-item-tag>
, and<pxb-spacer>
. <pxb-channel-value>
's value attribute now accepts bothstring
type andnumber
type.- Enables support for Angular 9+.
-
Updates colors for accessibility
Breaking Changes
-
We now switched to use
@pxblue/angular-themes
for our application's default style. -
Deep imports are deprecated; access modules by importing
@pxblue/angular-components
. -
<pxb-empty-state>
's attributeempty-icon
has been renamed toemptyIcon
to reflect the Angular convention. -
fontSize
attributes have been removed from<pxb-hero>
and<pxb-channel-value>
components. Font size can be set directly through the style attribute:[fontSize]="20"
=>style="font-size: 20px"
-
iconSize
attribute for<pxb-hero>
now takes only numeric values
- Creates a storybook demo application
- Fixes bug in
<pxb-channel-value>
where font size input was not being used
- Adds a new component for
<pxb-empty-state>
- New index file for simpler import syntax
import {XXX} from '@pxblue/angular-components'
- Enables support for Angular 7+
- Angular 7-compatible components
- Minor styling fixes
Initial beta release