R22 (Q4 2021)

Brightlayer UI Migration

The Power Xpert Blue "PX Blue" design system rebranded to Brightlayer User Interface "Brightlayer UI".

• Brightlayer UI documentation site
• Github organization migrated to Brightlayer UI
• Component libraries migrated to Brightlayer UI
• NPM packages migrated to Brightlayer UI

Icons

• Added 38 new icons
• Fixed an icon clipping issue that caused wrong rendering in icon fonts

Documentation Site

• Added migration instructions for package migration
• Added new design patterns for Angular and React
• Updated design patterns to be responsive

Figma Component Sticker Sheet

• Added Multi-Line Text Field component and Progress Icons

Miscellaneous

• Bug fixes & minor updates

Package Summary

Icons

• @brightlayer-ui/icons v1.8.1 (Changelog)
• @brightlayer-ui/icons-svg v1.8.1 (Changelog)
• @brightlayer-ui/icons-mui v2.8.1 (Changelog)
• @brightlayer-ui/react-native-vector-icons v2.8.1 (Changelog)

Angular

• @brightlayer-ui/angular-components v6.0.1 (Changelog)

React

• @brightlayer-ui/react-components v5.3.3 (Changelog)

React Native

• @brightlayer-ui/react-native-components v6.0.2 (Changelog)

R20 (Q2 2021)

Component Libraries

• Added a new collapsible App Bar component for Angular and React and a Collapsible Header Layout for React Native.
• Added Three Liner component that supports three stylized lines of text for use in App Bar for Angular and React.
• Responsive updates to User Menu component to open a bottom sheet on mobile.
• Updated Angular library to build with Angular 11.

Component Sticker Sheet

• Updated Figma Component Sticker Sheet to include dark theme variants for all components
• Added latest icons from Material Design and PX Blue.
• Released Variant Switcher plugin that allows you to convert your designs between light and dark themes with one click.

Documentation Site

• Added a dedicated Designer Resources page.
• Added ability to download PNG versions of all icons in various size / color combinations on the Iconography page.
• Updated Overlay pattern to include recommended libraries for Expandable Bottom Sheets.

Re-usable Authentication Workflows

• Added full internationalization capabilities with built-in support for English, French, Spanish, and Simplified Chinese.
• Updated support for using dark theme.
• Updated styles to be more responsive across different screen sizes.
• Added support for custom Welcome & Success screens and assorted custom content injection.

PX Blue CLI

• Added support for choosing templates to start your Ionic projects.

Miscellaneous

• Bug fixes & minor updates
• Dropped support for Internet Explorer 11 in line with Microsoft retiring the browser.

R19 (Q1 2021)

Component Libraries

• Added a Navigation Rail component for React.
• Added new React Native components for Mobile Stepper and User Menu.
• Updated components to respond to system font size.

Themes

• Overhauled PX Blue dark theme for Angular and React.
• New dark themes for React Native.
• Updated Theme Documentation to reflect theme changes.

Component Sticker Sheet

• Figma Component Sticker Sheet updated to reflect latest theme changes.
• Updated iconography and typography.
• New components for pager, steppers, tables, and more.

Design Patterns

• New design pattern for Account Menu.
• Design Pattern Library in Figma updated with examples of all of our Design Patterns.

Reusable Workflows

• Added the ability to customize various aspects of the Authentication workflows, including custom registration fields.

PX Blue CLI

• You can now kick start your projects with templates (Blank, Routing, or Authentication) for Angular and React Native projects.
• The first PX Blue training video is now available and walks you through how to use the PX Blue CLI to start your next project.

Miscellaneous

• Bug fixes & performance updates
• New documentation site holiday themes

R18 (Q4 2020)

Component Libraries

• Added a Mobile Stepper component for Angular
• Angular components are now compatible with Angular 10+
• Updated React Native components to be compatible with react-native-paper version 4

Design Patterns

• Updated content for Navigation and Visualizations
• Released a new Design Pattern Stickersheet that will include many examples of all of our Design Patterns, starting with forms, side sheet and lists.

Documentation Site

• Updated Iconography page to enable users to download icons and search by keywords/tags
• Added a new page dedicated to helping you build a Project Identity
• Added new holiday themes

PX Blue CLI

• You can now use templates to kick-start your React projects with navigation and authentication

Reusable Workflows

• Reusable Authentication Workflow for Angular.

Component Stickersheet

• Re-built all the components using the new Figma variants and auto-layout
• Added images, tiles and patterns
• Added more components (badges, dialogs, form controls, icon buttons, menus, side sheets, steppers and toggle buttons)
• Reorganized the stickersheet structure

Miscellaneous

• Bug fixes & performance updates
• Addressed security vulnerabilities

R17 (Q3 2020)

Stickersheet Components

• Added PX Blue components (Scorecard, Empty State, Channel Value, Heroes, List Item Tag, Info List Item, Nav Rail, Drawer, Dropdown Toolbar) to our Stickersheet
• Added several PX Blue design patterns (Progress Indicators, Pagers, Panels)
• Added more Material UI components (Bottom Sheets, Chips, Snackbars, Cards, Sliders, Tooltips, Switches, Avatars, FABs)

Design Patterns

• Re-organized and added new content to explain our design patterns.
• Added more images and design specifications.
• Completed migration of Angular, Ionic, and React Native design patterns into a single example repository.

Documentation Site

• Added documentation around accessibility standards, how to design websites, and illustrations.

Component Libraries

• Added new components to our Angular, React, and React Native component libraries:
  • For Angular, we now have components for Dropdown Toolbar and added a nav-rail variant to our Drawer component.
  • For React, we now have components for Dropdown Toolbar.
  • For React Native, we now components for Spacer and List Item Tag.
• Enhanced our component libraries to support right-to-left languages and developed / integrated a RTL toggle into our storybook demos.

Reusable Workflows

• Reusable Authentication Workflow for React.

Miscellaneous

• Added new progress icons and an optional percentage label.