Blue - v0.0.74

Skip this version. The release script failed. Please use v0.0.75 instead.

Blue - v0.0.73

Modal: Add Content sub component

This update adds a new Modal.Content sub-component for Modal.
The idea for the sub-component is to support swapping Modal's children
from one set of components to another (e.g. loading conditions).

As if this update, Modal will no longer render anything inside that
isn't a sub-component. This is to enforce the new component
pattern required.

This update makes it slightly more verbose to add Modal content.
However, it enables better and more reliable flexibility in rendering
various types of content.

Note to consumers of Blue: This update changes the Modal component
API. Please refer to the docs (or see examples below) if you notice
that your Modals are not rendering content.

Example

<Modal>
  <Modal.Content>
    ...
  </Modal.Content>
</Modal>

This will still work:

<Modal>
  <Modal.Header>
    ...
  </Modal.Header>
  <Modal.Body>
    ...
  </Modal.Body>
</Modal>

This will no longer work:

<Modal>
  Content
</Modal>

Resolves: #157

Blue - v0.0.72

Modal: Body - Fix logic and styles

This update resolves some of the integration issues we saw from
integrating it into Beacon. Tests were added to catch those
edge-cases.

Follow-up to #155

Blue - v0.0.71

Modal: Add Header/Body/Footer sub-components

This update adds a new sub-components to Modal: Header, Body, and Footer.
This Header and Footer sub-components are constructed with Toolbar,
and allow you to easily add items (typically action items) to a
Modal dialog.

Example

<Modal>
  <Modal.Header>
    ...
  </Modal.Header>
  <Modal.Body>
    ...
  </Modal.Body>
  <Modal.Footer>
    ...
  </Modal.Footer>
</Modal>

The Modal component has been adjusted to accommodate the new
required markup structure. It is recommended that content is added
into Modal using a Modal.Body wrapper. However, if one is not
provided, the Modal component will automatically wrap the content for
you. This is so that the responsive behaviour of the Modal
(powered by CSS flexbox) is preserved.

The docs have been updated to encourage use of Modal.Body.

Resolves: #153

Blue - v0.0.70

PortalWrapper: Add wrapperClassName

This update adds a new wrapperClassName prop for the composed
components generated by PortalWrapper. This allows you to add
custom class names to the surrounding Portal'ed div, providing
extra CSS flexibility (if needed).

This is an enhancement, and no component API changes are required
on the user's end.

Tests + documentation has been added for this update 🚀

Blue - v0.0.69

Tag: Enable ability to be removed

This update enhances Tags with the ability to be removed from the DOM
by clicking an x Icon.

To properly contain and manage a list of tags, two new components were
added: TagList (used to contain Tags), and Inline (used for
controlling layout and overflow).

Similar to the other list-based components, Tags can be added
into a TagList like so:

<TagList>
  <Tag color='red'>stay</Tag>
  <Tag color='green'>class</Tag>
  <Tag color='grey' filled>san diego</Tag>
</TagList>

An example of data flow for removing tags has been added to the
TagList storybook.

Toolbar also receives a more realistic example of a TagList working
next to an AvatarList.

Resolves: #138

Blue - v0.0.68

Toolbar: Add Toolbar component

This update adds a new Toolbar component, which is used to provide a
UI container for an array of actions or items.

The Toolbar is pretty versatile, and comes with a couple of theme
and placement options.

Learn more about Toolbar in the component's README.

Resolves: #139

Blue - v0.0.67

StatusBar: Add themes, status, and Button

This update specifies and adds two themes to StatusBar: light and
bold. The light theme will be the default theme used for
the component. The color variations have also been enhanced by
adding an array of status choices (info, success, error,
and warning).

The component is also enhanced with the ability to not close on
click via the closeOnClick prop.

Lastly, a new sub-component have <StatusBar.Button /> has been
added provide a button UI within the StatusBar.

Resolves: #137

Blue - v0.0.66

Scrollable: Fix faderNode style bug

This update fixes the error that happens when Scrollabe is
mounted/unmounted very quickly, and affects the faderNode.
The can now only apply inline styles if the faderNode exists in
the DOM.

Resolves: #146

---

Animate: Add additional examples

This adds additional Storybook examples for Animate. It also fixes
the right animation sequence, and adds an expand sequence.

Blue - v0.0.65

Modal: Add the ability to render cardless content

This update adds the ability to render the children content of
Modals without it's standard Card UI-based container. All that's
required is to pass the seamless prop, which is set to false
by default.

Resolves: #140