Blue - v0.0.104

Utilities: Add color functions 🖌

This update adds a collection of utility functions that manipulate or help
make hex color values easier to work with.

These functions include:

• hexToRgb
• rgbToHex
• optimalTextColor
• lighten

Storybook examples, tests, and docs have been added :).

Blue - v0.0.103

PortalWrapper: Resolve isOpen prop change

This update fixes the issue for Components created with PortalWrapper
to better properly handle state/prop changes for opening and closing sequences.

Additional acceptance tests were added for a mini stateful component with
nested modals (to test against Modal + PortalWrapper).

Lastly, the Card and Link components were enhanced with a new nodeRef prop
which allows consuming components to reference their DOM nodes.

Blue - v0.0.102

Modal and control enhancements 🙌

PortalWrapper (Modal and Dropdown) enhancements

This update fixes and imporoves PortalWrapper (and Modal/Drop
components indirectly) by changing how the isOpen state/prop determines
the PortalWrapper's open state.

This allows for Portal'ed components to remain open even if there are
prop/state changes for their composed/children components determined by
a parent component (e.g. a Redux setup).

PortalWrapper has also been enhanced to refocus the trigger node after
closing, if the Trigger node is available.

Lastly, the timeout prop (and HOC option) is resolved, allowing for
ComposedComponents to be unmounted in the expected setTimeout value.

Input/Select: Add ability to toggle isFocused

This update enhances the isFocused prop on Input and Select to be able
to force focus when the isFocused prop is changed to true

Tests have been updated to check for this functionality.

Input + Select: (Force) autoFocus

This update enhances the Input and Select components to be able to
(better) autoFocus when they mount. It also allows for the user to
set the focus state using the new isFocused prop.

Lastly, there's a forceAutoFocusTimeout prop that allows the user to
fine tune when they would like the setTimeout based autofocus function
to fire (which is required for this technique to work).

Button: Add themes (and adjust styles)

This update provides a new theme prop to the Button component that allows
for additional theme styles, starting with editing.

Blue - v0.0.101

Select: Keep placeholder

This update adjusts the Select component to keep the placeholder value
after selecting an option.

Select: Fix placeholder for Firefox 🦊

This update fixes the Select component to properly render a placeholder
for Firefox. The fix was to include the placeholder text as textNode
for the <option> element.

Previously, it was only used as a label prop. Chrome/Safari recognized
this, but Firefox did not.

With this update, all 3 browsers recognize the placeholder just fine.

Modal: Allow for modalAnimationEasing to be passed

This update resolves the modalAnimationEasing prop in the Modal
component to ensure that it gets passed to the appropriate Animate component.

Tests has been added for the various modalAnimation props.

Resolves: #197

Blue - v0.0.100

SCSS: Build raw files in dist and adjust CloseButton 🙌

This update enhances the build process of Blue to export all of the raw
SCSS files, allowing the user to customize what styles to use in their
project, if they so choose.

This is aided by an includePaths.js file that the user can use for their
node-sass setup to resolve external path depenedencies.

All of the files will be available under /dist/styles/.
The compiled SCSS (and CSS) will still be available as well.

The CloseButton's UI has also been adjusted to ensure proper alignment
and better colors.

P.S. Aw yiss! 100 releases! How cool is that? 💃

Blue - v0.0.99

StatusBadge: Add component 🔢

This update adds a new StatusBadge component to Blue. It combines the
Badge component as well as StatusDot to create a UI that conveys a count
as well as status indication.

Blue - v0.0.98

AnimateGroup/Animate enhancements + Avatar size tweak ✨

This update enhances the AnimateGroup to better pass down props to
Animate, specifically the sequence prop. This allows you to more easily
write markup for your AnimateGroup + Animate components.

(Modals feel a lot more snappier + responsive)

Modal's (user) experience has also been greatly improved be adjusting
the delay/duration/timeout props. All of these properties have now
been exposed to the user for custom adjustments, if they so choose.

Lastly, the Avatar component's small size has been bumped up to 30px.

Blue - v0.0.97

Animations: CSS over JS ⚡

This update enhances the Animate component to use CSS (className) based
animations instead of relying on inline styles. This has proved to be
more reliable and reduces the styles clashing/overriding each other
as they try to consolidate.

This update also resolves some issues with the PortalWrapper HOC not
accepting the timeout prop.

Blue - v0.0.96

Skeleton: Add Control 💀

This update adds a new Skeleton component - Skeleton.Control.
This component acts as a placeholder for things like
Dropdowns, Selects, Inputs, and Buttons. It has been
set up with the size prop that all of the components
share for their control elements.

Firefox: Bug fix for Input red border color 🐛

This update also fixes the red border issue for InputField
elements on Firefox.

Blue - v0.0.95

Controls: Style and multiline

This update ensures that "multiline" mode for Input has the same
padding as the default "input" mode. This update also fixes a 🐛
where the style prop was being passed to the child input/select,
instead of the parent wrapper.