DesignGuide v0.12.0

Changelog

[0.12.0] - 2018-10-10

Added

• Added class .button-group.
• Added Step Bar component.
• Added basic spacing utility classes with documentation section (spacing classes with breakpoints will be implemented later).

Changed

• Updated readme with deploy/release procedure.
• Reworked tabs.
• Reworked form validation.
• Removed margin-bottom: 3px from button component.
• Adjusted spacing between status indicator and text in status component.

Fixed

• Fixed issue with item-list alignment.
• Fixed issue with action list icon being visible through topbar.
• Fixed an issue with topbar component where clicking anchor links does not close the open menu.
• Fixed an issue with datepicker not displaying properly, or at all, when clicking on label.
• Fixed an issue where alert close button got properties from the new <a> styling (blue border bottom).
• Fixed a minor issue with toast not resetting its type, if called without a type after another toast with a type has already been called.
• Fixed an issue with open tabs not closing on screen resize.
• Fixed an issue with toast overlapping topbar.

Removed

• Removed modal from designguide.
• Removed styling for table within panel footer.

DesignGuide v0.11.1

Changelog

[0.11.1] - 2018-09-26

Fixed

• Fixed issue with documentation page for toast crashing.
• Fixed bug with topbar script crashing when topbar button does not contain an icon.

DesignGuide v0.11.0

Changelog

[0.11.0] - 2018-09-25

Added

• Added new list component, item-list, and updated documentation.
• Added icon to datepicker.

Changed

• Made some minor styling changes to button component.
• Changed breadcrumb component to only display text, removed most of the styling.
• Made some minor styling changes to description table.
• Made some slight changes to checkbox/radio button positioning.
• Made some minor style changes to alert component.
• Marked Action List and Tabs components as experimental.
• Changed default anchor color from green to blue, also added a border bottom of 2px that disappears on hover.
• Changed markup produced by data-button-loader.

Fixed

• Fixed an issue with datepicker not displaying within sheet.
• Fixed an issue with sheet not being scrollable.
• Fixed an issue with loader button not displaying properly when inside a dialog footer.
• Fixed an issue with sheet that made it appear instantaneous on the initial open.
• Fixed a minor styling issue with action list within table.
• Fixed issue with selects appearing "glossy" on safari.
• Fixed issue with select tag with attribute multiple not being rendered properly.
• Fixed issue with click event on loader-button.
• Fixed an issue with tooltip outline being visible when not hovering parent element while parent element has focus.

Removed

• Removed tabs component from px-script, users will now have to add/remove class active manually. (This is to better handle redirects).

DesignGuide v.0.10.1 - 2018-09-13

Fixed

• Fixed typo in the cdn url for script and style documents in the documentation.

DesignGuide v.0.10.0 - 2018-09-12

Added

• Added section about favicons.
• Added zip file with favicons, manifest.json and browserconfig.xml available for download.
• Added functionality to support older versions of the designguide.
• Added dialog component.
• Added sheet component.

Changed

• Migrated from webpack v.3 to v.4.
• Renamed button default to secondary, and joined button brand and success under the new name primary.

Removed

• Removed button light, warning and neutral.
• Deprecated modal component.

DesignGuide v.0.9.1 - 2018-08-24

Fixed

• Fixed issue with links not taking browser window to the top within the documentation.
• Fixed issue with loader element in button loaders.
• Fixed issue with the Progress tracker component responsiveness.

DesignGuide v.0.9.0 - 2018-08-22

Added

• Added utility classes for flex layout.
• Added section for alignment in the grid documentation.
• Added styling for disabled rangeslider.

Changed

• Changed class .panel-dark-mode to .panel-dark.
• Changed loader component to be visible by default (class .in no longer required), use .d-none when needed.
• Changed modal close button to be wrapped by an anchor tag to help keyboard navigation.
• Changed alert close button to be wrapped by an anchor tag to help keyboard navigation.
• Slightly changed the documentation example and styling for desctiption-table.

Fixed

• Fixed alignment for checkboxes and radio buttons when label extends to multiple lines.
• Fixed disabled styling not being applied for some form components within a disabled fieldset.
• Optimized some internal code.

DesignGuide v.0.8.1 - 2018-08-16

Fixed

• Fixed issue select elements being smaller than other input elements.
• Fixed issue with some components not aligning vertically in forms.

DesignGuide v.0.8.0 - 2018-08-15

Added

• Added section for colors in utilities.
• Added progress tracker component.
• Added tooltip component.
• Added media object component.
• Added action list component.
• Added toast component prototype.

Changed

• Changed .background-color utility class to .bg-color.
• Changed breadcrumb component to disable span elements by default, provided they are not within last-child li element.
• Reworked styling of tabs component.
• Reworked alert component.

Fixed

• Fixed issue with hover table.

Removed

• Removed mypayex logo option from topbar. Logo is now defaulted to standard payex logo, class .logo-default is no longer needed.
• Removed .disabled class styling for pagination component arrows. span elements will now act as disabled arrows.

DesignGuide v.0.7.1 - 2018-07-03

Fixed

• Fixed issue with modal script crashing when not havng a tag with the attribute data-modal-close.
• Fixed issue with topbar, also added optional parameter to init function to better preview topbar component in documentation.
• Fixed issue with radio and checkbox components not displaying properly when using longer chunks of text in the label tag.