Blue - v0.0.44

Fixes Card component's onClick

...when using Link props

@Charca fixed the issue where the Card component's onClick wasn't being fired if it was transformed into a Link (by passing either href or to props) 🙌

Blue - v0.0.43

Better bundling for release

Below is a screenshot from node_modules after npm installing Blue

This PR updates the build process of Blue from using Webpack to Babel. It also adjusts the npm publish process to publish just the dist directory, instead of the entire project.

These updates allow a consumer of Blue to do something like:

import Button from '@helpscout/blue/components/Button'

Potential Breaking Changes: Import paths (/dists)

Moving forward, Blue will only be publishing built files from the dist/ directory. Please update any import paths (js/css) you may be using that point to the old @helpscout/blue/dist/ path.

So something like:

@helpscout/blue/dist/scss/

Becomes

@helpscout/blue/scss/

Resolves: #80

Blue v0.0.42

Ignore this version!

Accidentally published this without a beta tag. This tests out the new bundling process.

Blue - v0.0.41

CSS: Resolve styling issues for Input/Select in Firefox

Above screenshot is from Firefox.

CSS updates

This update tweaks the CSS for the Select and Input components to render better in Firefox. There's been a big improvement in the Select icon styles, as well as the Select prefix in Firefox.

This update also adds a new CSS mixin that normalizes the autofill color added by Webkit browsers.

Lastly, Aktiv is removed from the font-family in Firefox. Aktiv renders with an incorrect line-height in Firefox :(.

Other updates

Dependencies/devDependencies have been improved with this update. rimraf has been added for better rm -rf support. Polyfill dependencies have been resolved for more consistent builds.

Resolves: #86

Blue - v0.0.40

SidebarCollapsibleCard: Improve Sortable interactions

This update fixes Sortable's handling of child item keys. Sortable now respects unique keys, and uses ID props if specified.

SidebarCollapsibleCard gains 2 new hooks: onSortStart and onSortEnd that fire when the component is being sorted. The react-sortable-hoc did NOT provide any callback methods for these hooks for the DraggableHandle, only at the Container level. So I had to come up with a creative solution to get this to work.

The two props allow for SidebarCollapsibleCard to be better integrated into Sortable.

Collapsible gains 2 new props: durationOpen and durationClose, that fallback to duration. This allows you to pass in different timings for the animation, allow for a smoother collapse experience with SidebarCollapsibleCard.

Resolves: #74 #71

Blue - v0.0.39

InfiniteScroller: Improve callback stability 💪

This update provides InfiniteScroller with an internal _isMounted "state", which prevents setState issues when the component is unmounted. This could happen if a callback takes longer than expected, and InfiniteScroller is used within something like a Modal.

The logic for callback methods has been fixed within componentWillReceiveProps.

Blue - v0.0.38

InfiniteScroller: Improve scroll position onLoaded

This update enhances the InfiniteScroller component to "normalize" the scrollNode when the onLoaded callback fires.

The InfiniteScroller Story has also been updated to better showcase the InfiniteScroller component being used inside/outside of a Modal.

Other updates

• AnimateGroup component has been added (a convenient alias for TransitionGroup from react-transition-group)

Blue - v0.0.37

Card: Link variant has a background-color

This update ensures that went the Card component becomes a wrapper for Link, that it has a background-color.

Previously, the CSS for Link was reseting the background-color to transparent.

LoadingDots: Add alignment styles

This update adds an align prop to the LoadingDots component, allowing it to align to the left, center, and right.

InfiniteScroller has also been adjusted so that the LoadingDots align center by default.

Blue - v0.0.36

Card: Integrate Link component for href/to props

Updates

This update enhances the Card component to render a Link component if href/to is provided. This allows for Card to use react-router, if needed.

Card.Block has also been enhanced with the new Scrollable props, specificaly scrollableRef and onScroll.

Lastly, the Link component receives a new prop (block), that provides it with the ability to render as display: block.

Bug fixes

• Card CSS className has been resolved
• Link .c-link has been renamed to .c-Link

Blue - v0.0.35

Fix: Scrollable padding within a Modal

This update adds padding to the correct selector (.c-Scrollable__content) instead of .c-Scrollable.