Release Notes v1.3.0

Announcing the next version of the Pro framework – Propeller Pro V 1.3.0. With this new version, we include the Stepper component with Bootstrap 4 structure and Material Design UI. Also, we have made a few enhancements in the Chip and Dropdown component.

Below is the list of major highlights from Propeller Pro 1.3.0:

Highlights:

  • Added both Horizontal and Vertical stepper with multiple variations in the component library.
  • Added Outline Chip variation in the Chip component.
  • Added the third party js jQuery Plugin To Toggle Bootstrap Dropdowns On Hover/ in our docs for Dropdown on hover variation in the Dropdown component.
  • Added the Third Party JS - bs-custom-file-input in our docs to animate the custom file input component.

SCSS

  • Updated the value of variable $chip-border-radius from 1rem to 1.5rem
  • Added $chip-border-width to set the border width in the chip component.
  • Added $chip-outline-action-opacity to set the opacity of the action button in the outline chip variation.
  • Added .pmd-chip-outline-* class to create contextual outline chips.
  • Updated the values of variables $material-icons-dark-color, $material-icons-dark-inactive-color, $material-icons-light-color, $material-icons-light-inactive-color to show the difference between active and inactive state of icons.
  • Fixed the issue of .pmd-icon-circle size not increasing based on the increase of the icon size.
  • Added .dropdown-hover class to make the dropdown open on hover.

Added

SCSS

  • Added $chip-border-width to set the border width in the chip component.
  • Added $chip-outline-action-opacity to set the opacity of the action button in the outline chip variation.
  • Added .pmd-chip-outline-* class to create contextual outline chips.
  • Added .dropdown-hover class to make the dropdown open on hover.

Fixed

SCSS

  • Updated the value of variable $chip-border-radius from 1rem to 1.5rem
  • Updated the values of variables $material-icons-dark-color, $material-icons-dark-inactive-color, $material-icons-light-color, $material-icons-light-inactive-color to show the difference between active and inactive state of icons.
  • Fixed the issue of .pmd-icon-circle size not increasing based on the increase of the icon size.
Highlights Added Fixed