Skip to content
This repository has been archived by the owner on Aug 21, 2023. It is now read-only.

Blue - v0.0.62

Compare
Choose a tag to compare
@ItsJonQ ItsJonQ released this 01 Dec 00:01
· 2988 commits to main since this release

StatusDot: Add additional props

screen recording 2017-11-29 at 06 16 pm

This update enhances the StatusDot component by providing it with
additional props to have a more varied rendering style.

Additional props include:

  • inline (ability to render the dot as display: inline-block)
  • size (md|sm)
  • outerBorderColor
  • a new active state (which renders a green dot)

The new active state allows for this component to be more general,
instead of using online as the state for a green color.

Documentation and tests have been updated.

Resolves: #128


StatusDot: Icon

screen shot 2017-11-30 at 4 53 51 pm

This update adds a new Icon prop to the StatusDot component, allowing it
to render an Icon component within, but also to adjust the component's
style.

This will add additional flexibility for the use-cases for the StatusDot
component :).

Note: You can pass any icon you wish into StatusDot (assuming it exists
as an Icon component name). The color of the icon is based on the
status of the StatusDot.

For example, if you want a red x icon, you would write:

<StatusDot status='offline' icon='cross' />

To make it easier to use some of the more common icons, icons like
tick-large or cross-large have received aliases of tick, cross,
etc...

No updates are required for the user's end.

Tests + readme have been updated.

Resolves: #130


Icon: Add ability to have a (right) side caret

screen shot 2017-11-30 at 6 18 12 pm

This update adds a new withCaret prop, which renders a small caret
on the right hand side of an Icon component. The caret is automatically
aligned in the center (vertically), regardless of icon size. The caret
does not hinder other prop styles like center, and inherits the same
SVG fill color as the regular icon.

To make triple sure of this, I've written some Karma acceptance tests 🎉.

P.S. Acceptance tests are awesome. Boy, I love being able to test
ACTUAL DOM properties.

Partially resolves: #129