Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@npmcorp/pui-css-tooltips

npm55MIT8.5.0

tooltips css component for the npm fork of Pivotal UI, based on Bootstrap

bootstrap, pivotal ui, pivotal ui modularized, css

readme

@npmcorp/pui-css-tooltips

A CSS tooltips component that can be installed via this npm package. The package provides all of the CSS you need to use the component.

Installation

To install the package, from the command line, type:

npm install pui-css-tooltips

Usage

Note: this requires the Bootstrap JavaScript.

<p>
  Check out this
  <a id="link-with-tooltip-1" href="#" data-toggle="tooltip" data-placement="left" title="I should be on the left">
    tooltip on the left!
  </a>
</p>

<p>
  Check out this
  <a id="link-with-tooltip-2" href="#" data-toggle="tooltip" data-placement="right" title="I should be on the right">
    tooltip on the right!
  </a>
</p>

<p>
  <button id="button-with-tooltip-1" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="I should be on the top">
    Check out this tooltip on the top!
  </button>
</p>

<p>
  <button id="button-with-tooltip-2" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="I should be on the bottom">
    Check out this tooltip on the bottom!
  </button>
</p>

You can find more examples of the tooltips component in the pui style guide


This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

Styleguide Github

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.

changelog

8.5.0 (2017-03-22)

Features

  • scropts: they're good scripts bront (7132256)
  • typography: add base font size class (7b51023)

8.4.1 (2017-03-14)

Bug Fixes

  • svgeople: context matters (0e421c8)

8.4.0 (2017-03-01)

Features

8.3.2 (2017-02-28)

Bug Fixes

  • svgeople: let's make this not fire unless svgeople is on the page (cda110d)

8.3.1 (2017-02-22)

8.3.0 (2017-02-21)

Features

  • tabs: old tabs for backporting designs (3688839)

8.2.4 (2017-02-01)

8.2.3 (2017-01-27)

Bug Fixes

  • header: bump that z-index a little (256d811)

8.2.2 (2017-01-26)

Bug Fixes

  • header: place in higher context for clicking (dbee0b5)

8.2.1 (2017-01-06)

8.2.0 (2017-01-05)

Features

  • header: Add donepath passing to login link in header (a4c7df1)

8.1.0 (2016-11-16)

Bug Fixes

  • Replace old lodash@2 with two small parts of lodash@4 (#257) (9532d67)

Features

  • utils: screen-filling utility (#258) (c687ae1)

8.0.0 (2016-10-26)

  • BREAKING CHANGE: uses jQuery 3

7.2.2 (2016-10-11)

Bug Fixes

  • header Give SVG-containing cells explicit heights so they don't default to 150px in ie (#256) (72f747ef)

7.2.1 (2016-09-20)

Bug Fixes

  • forms: Remove absolute positioning on errors (#255) (330d512)

7.2.0 (2016-08-31)

Bug Fixes

  • svgeople: people stand at the bottom of their space (23150d5)
  • svgeople: people stand at the bottom of their space (47917f0)

Features

  • shovey-downy: new component's placeholder (d8f85b8)

7.1.2 (2016-08-29)

Bug Fixes

  • svgeople: people stand at the bottom of their space (23150d5)
  • svgeople: people stand at the bottom of their space (47917f0)

7.1.1 (2016-08-17)

Bug Fixes

  • tables: Use universal selector to work around minification bug (2714b9d)

7.1.1 (2016-08-17)

Bug Fixes

  • tables: Use universal selector to work around minification bug (2714b9d)

7.1.0 (2016-08-16)

Features

  • tables: Rounded corner tables (5aa07fe)

7.1.0 (2016-08-16)

Features

  • tables: Rounded corner tables (5aa07fe)

7.0.0 (2016-08-15)

Bug Fixes

  • build: add missing transform (856e3de)
  • styleguide: adjust import for babel 6 (d201412)
  • styleguide: Include regenerator runtime transform (38a62f7)
  • styleguide: Make sure there are no empty docs (7235581)
  • styleguide: Remove categories from docs that live in a subtree (6f9eb38)

Features

  • forms: data-validate-event (9ecdb98)

BREAKING CHANGES

  • forms: Any input that we would also like to listen for `input` will need this attribute added. This includes all `link-updater` and `nomatch` inputs. (9ecdb98)

7.0.0 (2016-08-15)

Bug Fixes

  • build: add missing transform (856e3de)
  • styleguide: adjust import for babel 6 (d201412)
  • styleguide: Include regenerator runtime transform (38a62f7)
  • styleguide: Make sure there are no empty docs (7235581)
  • styleguide: Remove categories from docs that live in a subtree (6f9eb38)

Features

  • forms: data-validate-event (9ecdb98)

BREAKING CHANGES

  • forms: Any input that we would also like to listen for input will need this attribute added. This includes all link-updater and nomatch inputs. (9ecdb98)

6.5.0 (2016-08-09)

Bug Fixes

  • colors: Fix panel colors again. Sass transparentize works backward. (06d3c45)
  • forms: Standardize data-validate plugins (90ed17c)
  • panels: use correct yellows for info panel (679d689)
  • svgeople: Remove explicit dependency on forms (0899157)

Features

  • colors: Add new yellows to the style guide (656895f)
  • forms: A flat input style (9539bb6)
  • forms: Add no error option for validator (7301740)
  • panel: An error panel (8ff3bbb)
  • panels: A basic info panel (80dba63)

BREAKING CHANGES

  • forms: data-nomatch and all of its related properties are now data-validate-nomatch and so on and so forth (90ed17c)

6.0.8 (2016-07-14)

Bug Fixes

  • forms: safari/phantom don't have setImmediate (b043f17)

6.4.0 (2016-07-20)

Bug Fixes

  • svgeople: Remove explicit dependency on forms (0899157)

Features

6.3.0 (2016-07-19)

Features

  • forms: A flat input style (9539bb6)

6.3.0 (2016-07-19)

Features

  • forms: A flat input style (9539bb6)

6.2.1 (2016-07-18)

Bug Fixes

  • colors: Fix panel colors again. Sass transparentize works backward. (06d3c45)

6.2.1 (2016-07-18)

Bug Fixes

  • colors: Fix panel colors again. Sass transparentize works backward. (06d3c45)

6.2.0 (2016-07-18)

Bug Fixes

  • panels: use correct yellows for info panel (679d689)

Features

  • colors: Add new yellows to the style guide (656895f)

6.2.0 (2016-07-18)

Bug Fixes

  • panels: use correct yellows for info panel (679d689)

Features

  • colors: Add new yellows to the style guide (656895f)

6.1.0 (2016-07-15)

Features

  • panels: A basic info panel (80dba63)

6.1.0 (2016-07-15)

Features

  • panels: A basic info panel (80dba63)

6.0.8 (2016-07-14)

Bug Fixes

  • forms: safari/phantom don't have setImmediate (b043f17)

6.0.8 (2016-07-14)

Bug Fixes

  • forms: safari/phantom don't have setImmediate (b043f17)

6.0.6 (2016-07-14)

Bug Fixes

  • forms: Validator now works w/ input-error evt (3257d26)

6.0.7 (2016-07-14)

Bug Fixes

  • forms: safari/phantom don't have setImmediate (b043f17)

6.0.6 (2016-07-14)

Bug Fixes

  • forms: Validator now works w/ input-error evt (3257d26)

6.0.6 (2016-07-14)

Bug Fixes

  • forms: Validator now works w/ input-error evt (3257d26)

6.0.5 (2016-07-13)

Bug Fixes

  • drop-down-menu: match npm-website version (9b3ba7a)
  • forms: Link updater handles own errors (f28cbaf), closes #126237181
  • forms: make jquery export explicit in stepper (639d4b7)
  • tests: add test for link-updater (de6fe81)

6.0.5 (2016-07-13)

Bug Fixes

  • drop-down-menu: match npm-website version (9b3ba7a)
  • forms: Link updater handles own errors (f28cbaf), closes #126237181
  • forms: make jquery export explicit in stepper (639d4b7)
  • tests: add test for link-updater (de6fe81)

6.0.4 (2016-07-13)

6.0.4 (2016-07-13)

6.0.3 (2016-07-11)

Bug Fixes

  • forms: docs upgrade for validation (b12889b)

6.0.3 (2016-07-11)

Bug Fixes

  • forms: docs upgrade for validation (b12889b)

6.0.2 (2016-07-11)

Bug Fixes

  • forms: Update validation forms (f31e200)

6.0.2 (2016-07-11)

Bug Fixes

  • forms: Update validation forms (f31e200)

6.0.1 (2016-07-11)

Bug Fixes

  • forms: link updater always shows demoValue when empty (abcc3e9)

6.0.1 (2016-07-11)

Bug Fixes

  • forms: link updater always shows demoValue when empty (abcc3e9)

6.0.0 (2016-07-08)

Bug Fixes

  • forms: refactor and opt-in on validation (b950834)

Features

  • forms: add constraint validator (b37816b)

BREAKING CHANGES

  • forms: This changes the way link updater works, as it separates the concerns of updating the link underneath and handling the validation/error showing. (b37816b)

6.0.0 (2016-07-08)

Bug Fixes

  • forms: refactor and opt-in on validation (b950834)

Features

  • forms: add constraint validator (b37816b)

BREAKING CHANGES

  • forms: This changes the way link updater works, as it separates the concerns of updating the link underneath and handling the validation/error showing. (b37816b)

5.8.1 (2016-06-30)

Bug Fixes

  • buttons: disable button should work on all specific buttons on the page (e6eea7e)

5.8.1 (2016-06-30)

Bug Fixes

  • buttons: disable button should work on all specific buttons on the page (e6eea7e)

5.8.0 (2016-06-29)

Bug Fixes

  • buttons: simplify button disabling and make it a bit more specific (98b2177)
  • forms: remove bubbling-inputs. this is redundant behavior (f44a13e)
  • panels: simplify listening panel, make it a bit more specific (d966a42)

Features

  • buttons: add listening button (870bbe2)
  • forms: add bubbling input (d12a2db)
  • panels: Add listening panel (07aa1c8)

5.8.0 (2016-06-29)

Bug Fixes

  • buttons: simplify button disabling and make it a bit more specific (98b2177)
  • forms: remove bubbling-inputs. this is redundant behavior (f44a13e)
  • panels: simplify listening panel, make it a bit more specific (d966a42)

Features

  • buttons: add listening button (870bbe2)
  • forms: add bubbling input (d12a2db)
  • panels: Add listening panel (07aa1c8)

5.6.0 (2016-06-24)

Features

  • tables: add borderless table (94de638)

5.7.0 (2016-06-29)

Bug Fixes

  • buttons: simplify button disabling and make it a bit more specific (98b2177)
  • forms: remove bubbling-inputs. this is redundant behavior (f44a13e)
  • panels: simplify listening panel, make it a bit more specific (d966a42)

Features

  • buttons: add listening button (870bbe2)
  • forms: add bubbling input (d12a2db)
  • panels: Add listening panel (07aa1c8)

5.6.0 (2016-06-24)

Features

  • tables: add borderless table (94de638)

5.6.0 (2016-06-24)

Features

  • tables: add borderless table (94de638)

5.4.1 (2016-06-23)

Bug Fixes

  • header: replace "on-site" with "enterprise" in search input placeholder (5aac00c)

5.5.0 (2016-06-24)

Features

  • tables: add borderless table (94de638)

5.4.0 (2016-06-23)

Bug Fixes

  • header: replace "on-site" with "enterprise" in search input placeholder (5aac00c)

Features

  • dividers: add turquoise divider (34f783b)
  • links: add alt 2 link (c2d3f91)

5.4.1 (2016-06-23)

  • header Change link in header from private packages to features ([123bd55eb](https://g ithub.com/pivotal-cf/pivotal-ui/commit/123bd55eb)
  • header replace "on-site" with "enterprise" in search input placeholder ([75821972](https://g ithub.com/pivotal-cf/pivotal-ui/commit/75821972)

5.4.0 (2016-06-23)

Bug Fixes

  • header: replace "on-site" with "enterprise" in search input placeholder (5aac00c)

Features

  • dividers: add turquoise divider (34f783b)
  • links: add alt 2 link (c2d3f91)

5.4.0 (2016-06-23)

Features

  • dividers: add turquoise divider (34f783b)
  • links: add alt 2 link (c2d3f91)

5.3.0 (2016-06-22)

Features

  • alignment: Add responsive text alignment (279937c)

5.3.0 (2016-06-22)

Features

  • alignment: Add responsive text alignment (279937c)

5.2.0 (2016-06-22)

Bug Fixes

  • colors: change neutral colors (663a6f7)
  • colors: update warm colors to our design (be5d1f1)
  • typography: docs fix for row mishandling (8dae73a)
  • typography: typography depends on the color module (ec2312a)

Features

  • colors: add new brand appropriate yellows (39951f0)
  • colors: add npm-blue-4 (5c830e8)
  • colors: add npm-brand-turquoise (1360b3f)
  • typography: add type-npm-blue-4 (eb5f2b8)

BREAKING CHANGES

  • colors: Any use of prior yellow colors as background or text colors that were not already variables referenced elsewhere (see: alerts) will be broken with this change (39951f0)

5.2.0 (2016-06-22)

Bug Fixes

  • colors: change neutral colors (663a6f7)
  • colors: update warm colors to our design (be5d1f1)
  • typography: docs fix for row mishandling (8dae73a)
  • typography: typography depends on the color module (ec2312a)

Features

  • colors: add new brand appropriate yellows (39951f0)
  • colors: add npm-blue-4 (5c830e8)
  • colors: add npm-brand-turquoise (1360b3f)
  • typography: add type-npm-blue-4 (eb5f2b8)

BREAKING CHANGES

  • colors: Any use of prior yellow colors as background or text colors that were not already variables referenced elsewhere (see: alerts) will be broken with this change (39951f0)

5.1.1 (2016-06-20)

Bug Fixes

  • forms: Update npm-user-validate to 0.1.5 to get proper length limit (9fbbb00)

5.1.1 (2016-06-20)

Bug Fixes

  • forms: Update npm-user-validate to 0.1.5 to get proper length limit (9fbbb00)

Features

  • forms: allow long values in link-updater to wrap (af7fd7a4c2a2b)

5.1.0 (2016-06-16)

Bug Fixes

  • accessibility-dev-tools: remove the tools (3f4faa9)
  • alerts: use looser dependency versions (677a9b0)
  • alerts: use scoped deps (7c80e30)
  • autocomplete: force dep update (3f8c9c4)
  • autocomplete: Use scoped dependencies (ccf832c)
  • avatars: use scoped deps and loose semver (a636317)
  • back-to-top: force updates of deps (540310d)
  • back-to-top: update dep on links (3fa0e63)
  • back-to-top: Use scoped deps (69f6ad2)
  • button-group: force update of deps (10268aa)
  • button-group: Use scoped deps (1351bdb)
  • buttons: document btn-link (226a2c3)
  • buttons: removes all-caps in favor of additional class (b45e8cb)
  • buttons: Update button version (da36fa4)
  • buttons: Use scoped modules and looser dependencies (1b0fffc)
  • code: use scoped deps and loose semver (8ccc4b8)
  • collapse: update to scoped + loosen deps (2d9e1b7)
  • colors: bumped up the version number (0d45d35)
  • drop-down-menu: make sure build is ordered (229f421)
  • drop-down-menu: update to scoped + loosen deps (8bf74ce)
  • dropdowns: change color/spacing (6da9102)
  • dropdowns: make spacing better proportionally (eb9f32f)
  • dropdowns: update docs with text class (afdf20d)
  • dropdowns: update to scoped + loosen deps (184f824)
  • embeds: update to scoped + loosen deps (9a73ba1)
  • events: include package.json (56d6074)
  • events: Update docs (64cac15)
  • events: Update docs (06d0ef9)
  • forms: be more explicit about this.max (c7e2dce)
  • forms: Better match current forms (7664f0e)
  • forms: drop shadows from form-control btns (56d5a57)
  • forms: error messages were being eaten (c51e75e)
  • forms: Export stepper component (75a2546)
  • forms: Make sure select colors aren't wiped out by link change (2a7e652)
  • forms: remove max default on form stepper (37cec37)
  • forms: remove shadow from buttons (c7df9e8)
  • forms: update + loosen deps (73e483f)
  • forms: use error system we already have (54f544a)
  • grids: update + loosen deps (50a731e)
  • header: active links should remain the normal color (e9465b7)
  • header: add docs for logged out header (ec999bf)
  • header: Address height and line issues (163c148)
  • header: bump typography dep and version (ea255ef)
  • header: Fix inversion of margin and padding for small-viewport transparent headers overl (e6803dc)
  • header: fix lineup issues with logged out header top (379704f)
  • header: Increase width of the navigation to accomodate wider type (00b90f8)
  • header: make a better wombat for you and me (88d178a)
  • header: padding on hover needs to cover (554cc85)
  • header: update + loosen deps (f04b692)
  • header: version bump (63350e5)
  • iconography: address avatar icon sizing (ab0be9d)
  • iconography: icon-avatar -> avatar-icon (3fa5757)
  • iconography: update + loosen deps (f32520e)
  • images: update + loosen deps (618850c)
  • labels: update scoped deps (b994261)
  • links: Change color to match npm branding (da7b84d)
  • links: fixes text alignment for wrapping text (e444a94)
  • links: transition should be on opacity (d395e82)
  • links: update links to scoped (f723435)
  • lists: better class name and documentation ordering (c870f4e)
  • lists: do not need list-no-indent (315c7e0)
  • lists: documentation fix (248c50f)
  • lists: mobile view (681fd24)
  • lists: use scoped deps and loose semver (fe1c46b)
  • lists: whoops bumping package.json again (9a973ac)
  • media: update scoped deps (3b246b3)
  • meta: close html tag (78def30)
  • meta: contain symbols within svg dimemnsions (59fe8d4)
  • meta: fix package name for org feature svg (a1b1457)
  • meta: fixes typo in enterprise need help docs (bb6d66b)
  • meta: orgs feature needed padding adjustments (21ab20b)
  • meta: reference package-based svg (3b87b16)
  • meta: svgo --pretty orgs-svgeople-avatar (d661d22)
  • meta: update docs to point out the helper (2f7dd0a)
  • meta: Use img for need help avatar (3eb7363)
  • modals: update deps (8f095dc)
  • package.json: adds @npmcorp/pui-css-drop-down-menu (75ca52f)
  • panels: update deps (001f8a4)
  • panes: update to scoped + loosen deps (f15d48f)
  • progress-bars: update deps (af661f4)
  • pui: better svgeople images (276901d)
  • pui: update header version (abe206c)
  • pui: update version of svgeople (8638a5f)
  • spinners: use scoped deps + loosen deps (967f9fb)
  • svgeople: add forms as dep (b57054f)
  • svgeople: add padding to each svgerson (65f58ea)
  • svgeople: code clean + docs (67a8d67)
  • svgeople: Documentation and API (4f39f45)
  • svgeople: Speed and spacing (06c773a)
  • tables: Update tables deps (35f1114)
  • tabs: update scoped deps (88ae3b3)
  • tooltips: update for link color change (ed66890)
  • tooltips: update scoped dep (6350035)
  • traffic-lights: update to scoped dependencies (2485370)
  • traffic-lights: Use scoped deps (c132f5d)
  • typography: bolds headings (cdb7c10)
  • typography: bump version and css-typography dep (928738b)
  • typography: Remove !important from header weight (de25b14)
  • typography: scope dependencies (97386ed)
  • typography: updates headings and text color (4ed1d67)
  • viewport-panes: bump heder dep and version (19ffe4e)
  • viewport-panes: documentation fix (aede63f)
  • viewport-panes: enterprise work (a485a9b)
  • viewport-panes: height -> min-height (4c8920b)
  • viewport-panes: interpolation (1f93475)
  • viewport-panes: Smaller wide screens (eb6ef6c)
  • viewport-panes: Update docs (421f2c8)
  • whitespace: breakpoint consistency (994c318)
  • whitespace: fix whitespace application bp (0580320)

Features

  • backgrounds: add background positioning (61f86b1)
  • backgrounds: positioning also now implies no-repeat (00fe3a4)
  • backgrounds: support for contained backgrounds (2d612da)
  • buttons: add btn-lg class (1506e41)
  • buttons: add btn-tertiary class (#182) (14ca425)
  • buttons: adds secondary button style (red border) (0f664f3)
  • buttons: updates buttons to npm styles (8d0647e)
  • colors: Adds npm color palette (f6a70b3)
  • colors: documents new npm colors for .bg- and .type- (2747ff5)
  • dropdowns: add dropdown-driven-tabs (#172) (5cddfa9)
  • dropdowns: use svg icon (a41beee)
  • forms: add link updater (e19dcb2)
  • forms: add stepper form input (202f3e8)
  • forms: link updater input error animation (eeda152)
  • grids: add .container-fullwidth class (ba4abf8)
  • header: Add constructor-io stylings (51f9d51)
  • header: header light logged out (412a2f9)
  • iconography: adds avatar icon component (31bddcf)
  • links: Add alternate link (4a1c55c)
  • links: Add npm-loves-you link (6beb0ef)
  • links: adds underlined link style, .link-simple (0385d21)
  • links: update link color to be npm blue (04d9c64)
  • links: updates link colors to match npm branding (086e244)
  • lists: Add functionality to nav-finder (4ecc9dc)
  • lists: adds list-no-indent class (7c85b92)
  • lists: adds tiny bullet style component (bcafd26)
  • lists: new list-card size (11ee3a6)
  • marketing: Create custom panel module (b73280b)
  • meta: Add meta package (af52952)
  • meta: adds need help enterprise partial (deb2d8d)
  • meta: adds need help module (a3eb1b1)
  • meta: adds orgs need help partial (fd29653)
  • mixins: add a11y-only and un-a11y-only (1755ea5)
  • panels: adds accented panels (c676308)
  • svg-iconography: create separate SVG iconography component (b1ef076)
  • svgeople: Create svgeople (aabcbe1)
  • typography: adapts type to new designs (de570c0)
  • add lined-heading class to typography (0ca878c)
  • typography: adds a `.em-medium` class (0892f0c)
  • typography: adds gigantic size (e2092cc)
  • typography: updates font to Open Sans (17f628e)
  • utils: add `nobg-xl` to responsive utils (65c0447)
  • utils: Add nobg-* classes (a3cfcba)
  • viewport-panes: add .viewport-pane-long and document how the panes differ from each other (fff701b)
  • viewport-panes: add viewport-pane component (83cc78e)
  • viewport-panes: don't show at certain sizes (38f9bc9)

BREAKING CHANGES

  • links: This will affect all links and should be tested carefully. [Finishes #119321553] (da7b84d)
  • svgeople: If you were relying upon `fillPeople`, it no longer exists, nor does the `this.people` array (4f39f45)
  • iconography: Any case where icon-avatar is being used needs to be changed to avatar-icon and if there is a sibling icon class, it needs to be removed (3fa5757)
  • forms: This could break tests down the line and any assumptions made when the max value was not set. Originally, the max defaulted to 99999. If a user had left the `max` attribute out of the input element, with this change, there is no longer that default max to fall back on (37cec37)
  • typography: Header font-weight should be a default, but should be able to be easily overwritten by an emphasis class, since the weight is not the primary purpose for it as a class. (de25b14)
  • typography: the fonts are all different now; Open Sans is bigger than Source Sans Pro at the same font size... (17f628e)
  • viewport-panes: Adds variables that will affect the header as well (83cc78e)
  • buttons: (class name) .btn-highlight-alt and .btn-highlight deprecated (8d0647e)

5.1.0 (2016-06-16)

Bug Fixes

  • accessibility-dev-tools: remove the tools (3f4faa9)
  • alerts: use looser dependency versions (677a9b0)
  • alerts: use scoped deps (7c80e30)
  • autocomplete: force dep update (3f8c9c4)
  • autocomplete: Use scoped dependencies (ccf832c)
  • avatars: use scoped deps and loose semver (a636317)
  • back-to-top: force updates of deps (540310d)
  • back-to-top: update dep on links (3fa0e63)
  • back-to-top: Use scoped deps (69f6ad2)
  • button-group: force update of deps (10268aa)
  • button-group: Use scoped deps (1351bdb)
  • buttons: document btn-link (226a2c3)
  • buttons: removes all-caps in favor of additional class (b45e8cb)
  • buttons: Update button version (da36fa4)
  • buttons: Use scoped modules and looser dependencies (1b0fffc)
  • code: use scoped deps and loose semver (8ccc4b8)
  • collapse: update to scoped + loosen deps (2d9e1b7)
  • colors: bumped up the version number (0d45d35)
  • drop-down-menu: make sure build is ordered (229f421)
  • drop-down-menu: update to scoped + loosen deps (8bf74ce)
  • dropdowns: change color/spacing (6da9102)
  • dropdowns: make spacing better proportionally (eb9f32f)
  • dropdowns: update docs with text class (afdf20d)
  • dropdowns: update to scoped + loosen deps (184f824)
  • embeds: update to scoped + loosen deps (9a73ba1)
  • events: include package.json (56d6074)
  • events: Update docs (64cac15)
  • events: Update docs (06d0ef9)
  • forms: be more explicit about this.max (c7e2dce)
  • forms: Better match current forms (7664f0e)
  • forms: drop shadows from form-control btns (56d5a57)
  • forms: error messages were being eaten (c51e75e)
  • forms: Export stepper component (75a2546)
  • forms: Make sure select colors aren't wiped out by link change (2a7e652)
  • forms: remove max default on form stepper (37cec37)
  • forms: remove shadow from buttons (c7df9e8)
  • forms: update + loosen deps (73e483f)
  • forms: use error system we already have (54f544a)
  • grids: update + loosen deps (50a731e)
  • header: active links should remain the normal color (e9465b7)
  • header: add docs for logged out header (ec999bf)
  • header: Address height and line issues (163c148)
  • header: bump typography dep and version (ea255ef)
  • header: Fix inversion of margin and padding for small-viewport transparent headers overl (e6803dc)
  • header: fix lineup issues with logged out header top (379704f)
  • header: Increase width of the navigation to accomodate wider type (00b90f8)
  • header: make a better wombat for you and me (88d178a)
  • header: padding on hover needs to cover (554cc85)
  • header: update + loosen deps (f04b692)
  • header: version bump (63350e5)
  • iconography: address avatar icon sizing (ab0be9d)
  • iconography: icon-avatar -> avatar-icon (3fa5757)
  • iconography: update + loosen deps (f32520e)
  • images: update + loosen deps (618850c)
  • labels: update scoped deps (b994261)
  • links: Change color to match npm branding (da7b84d)
  • links: fixes text alignment for wrapping text (e444a94)
  • links: transition should be on opacity (d395e82)
  • links: update links to scoped (f723435)
  • lists: better class name and documentation ordering (c870f4e)
  • lists: do not need list-no-indent (315c7e0)
  • lists: documentation fix (248c50f)
  • lists: mobile view (681fd24)
  • lists: use scoped deps and loose semver (fe1c46b)
  • lists: whoops bumping package.json again (9a973ac)
  • media: update scoped deps (3b246b3)
  • meta: close html tag (78def30)
  • meta: contain symbols within svg dimemnsions (59fe8d4)
  • meta: fix package name for org feature svg (a1b1457)
  • meta: fixes typo in enterprise need help docs (bb6d66b)
  • meta: orgs feature needed padding adjustments (21ab20b)
  • meta: reference package-based svg (3b87b16)
  • meta: svgo --pretty orgs-svgeople-avatar (d661d22)
  • meta: update docs to point out the helper (2f7dd0a)
  • meta: Use img for need help avatar (3eb7363)
  • modals: update deps (8f095dc)
  • package.json: adds @npmcorp/pui-css-drop-down-menu (75ca52f)
  • panels: update deps (001f8a4)
  • panes: update to scoped + loosen deps (f15d48f)
  • progress-bars: update deps (af661f4)
  • pui: better svgeople images (276901d)
  • pui: update header version (abe206c)
  • pui: update version of svgeople (8638a5f)
  • spinners: use scoped deps + loosen deps (967f9fb)
  • svgeople: add forms as dep (b57054f)
  • svgeople: add padding to each svgerson (65f58ea)
  • svgeople: code clean + docs (67a8d67)
  • svgeople: Documentation and API (4f39f45)
  • svgeople: Speed and spacing (06c773a)
  • tables: Update tables deps (35f1114)
  • tabs: update scoped deps (88ae3b3)
  • tooltips: update for link color change (ed66890)
  • tooltips: update scoped dep (6350035)
  • traffic-lights: update to scoped dependencies (2485370)
  • traffic-lights: Use scoped deps (c132f5d)
  • typography: bolds headings (cdb7c10)
  • typography: bump version and css-typography dep (928738b)
  • typography: Remove !important from header weight (de25b14)
  • typography: scope dependencies (97386ed)
  • typography: updates headings and text color (4ed1d67)
  • viewport-panes: bump heder dep and version (19ffe4e)
  • viewport-panes: documentation fix (aede63f)
  • viewport-panes: enterprise work (a485a9b)
  • viewport-panes: height -> min-height (4c8920b)
  • viewport-panes: interpolation (1f93475)
  • viewport-panes: Smaller wide screens (eb6ef6c)
  • viewport-panes: Update docs (421f2c8)
  • whitespace: breakpoint consistency (994c318)
  • whitespace: fix whitespace application bp (0580320)

Features

  • backgrounds: add background positioning (61f86b1)
  • backgrounds: positioning also now implies no-repeat (00fe3a4)
  • backgrounds: support for contained backgrounds (2d612da)
  • buttons: add btn-lg class (1506e41)
  • buttons: add btn-tertiary class (#182) (14ca425)
  • buttons: adds secondary button style (red border) (0f664f3)
  • buttons: updates buttons to npm styles (8d0647e)
  • colors: Adds npm color palette (f6a70b3)
  • colors: documents new npm colors for .bg- and .type- (2747ff5)
  • dropdowns: add dropdown-driven-tabs (#172) (5cddfa9)
  • dropdowns: use svg icon (a41beee)
  • forms: add link updater (e19dcb2)
  • forms: add stepper form input (202f3e8)
  • forms: link updater input error animation (eeda152)
  • grids: add .container-fullwidth class (ba4abf8)
  • header: Add constructor-io stylings (51f9d51)
  • header: header light logged out (412a2f9)
  • iconography: adds avatar icon component (31bddcf)
  • links: Add alternate link (4a1c55c)
  • links: Add npm-loves-you link (6beb0ef)
  • links: adds underlined link style, .link-simple (0385d21)
  • links: update link color to be npm blue (04d9c64)
  • links: updates link colors to match npm branding (086e244)
  • lists: Add functionality to nav-finder (4ecc9dc)
  • lists: adds list-no-indent class (7c85b92)
  • lists: adds tiny bullet style component (bcafd26)
  • lists: new list-card size (11ee3a6)
  • marketing: Create custom panel module (b73280b)
  • meta: Add meta package (af52952)
  • meta: adds need help enterprise partial (deb2d8d)
  • meta: adds need help module (a3eb1b1)
  • meta: adds orgs need help partial (fd29653)
  • mixins: add a11y-only and un-a11y-only (1755ea5)
  • panels: adds accented panels (c676308)
  • svg-iconography: create separate SVG iconography component (b1ef076)
  • svgeople: Create svgeople (aabcbe1)
  • typography: adapts type to new designs (de570c0)
  • add lined-heading class to typography (0ca878c)
  • typography: adds a `.em-medium` class (0892f0c)
  • typography: adds gigantic size (e2092cc)
  • typography: updates font to Open Sans (17f628e)
  • utils: add `nobg-xl` to responsive utils (65c0447)
  • utils: Add nobg-* classes (a3cfcba)
  • viewport-panes: add .viewport-pane-long and document how the panes differ from each other (fff701b)
  • viewport-panes: add viewport-pane component (83cc78e)
  • viewport-panes: don't show at certain sizes (38f9bc9)

BREAKING CHANGES

  • links: This will affect all links and should be tested carefully. [Finishes #119321553] (da7b84d)
  • svgeople: If you were relying upon `fillPeople`, it no longer exists, nor does the `this.people` array (4f39f45)
  • iconography: Any case where icon-avatar is being used needs to be changed to avatar-icon and if there is a sibling icon class, it needs to be removed (3fa5757)
  • forms: This could break tests down the line and any assumptions made when the max value was not set. Originally, the max defaulted to 99999. If a user had left the `max` attribute out of the input element, with this change, there is no longer that default max to fall back on (37cec37)
  • typography: Header font-weight should be a default, but should be able to be easily overwritten by an emphasis class, since the weight is not the primary purpose for it as a class. (de25b14)
  • typography: the fonts are all different now; Open Sans is bigger than Source Sans Pro at the same font size... (17f628e)
  • viewport-panes: Adds variables that will affect the header as well (83cc78e)
  • buttons: (class name) .btn-highlight-alt and .btn-highlight deprecated (8d0647e)

2.0.0 (2015-09-29)

BREAKING CHANGES

  • alerts: (css class) .alert-icon styles icons within alerts. (a6cfe36)
  • buttons: (css class) .btn-primary and PrimaryButton are no longer supported. (8b86a1f)
  • buttons: (css class) the value of $error-3, and $red-3 became darker. (232156c)
  • buttons: (sass variable): the button-skin-alternate mixin is no longer supported (800c0f9)
  • colors: (sass variables) 2.0 conversion table,dark,dark-3 is now dark-4,dark-2 is now dark-3,dark-1 is now dark-2,brand,brand-3 is now brand-8,brand-1 is now brand-3,brand-5 is now brand-10,brand-2 is now brand-5,brand-4 has changed, there is no equivalent color in 2.0 and will now be brand-9 to have a more appropriate place within the brightness scale,accent,accent-5 is now accent-6,accent-4 has changed, there is no equivalent color in 2.0 and will now be accent-5 to have a more appropriate place within the brightness scale,accent-3 is now accent-4,accent-2 is now accent-3,accent-1 is now accent-2,error,error-4 is now error-6,error-3 is now error-4,error-2 is now error-3,error-1 is now error-2,warn,warn-3 is now warn-6,warn-2 is now warn-3,success,success-2 is now success-6 (aeba298)
  • dropdowns: (css class) Dropdowns now become darker when opened instead of lighter.(70fece4)
  • dropdowns: (javascript) PrimaryDropdowns are no longer supported. (f1bfc81)
  • ellipsis: (css class) 2 and 3 line ellipsis no longer supported. (fbd5fc3)
  • expander: (html) The DOM for ExpanderTrigger has changed. There is no longer a wrapping div. (480c7bc)
  • forms: (css class) Help text on input is now darker. (f2761e3)
  • forms: (css class) .help-block has a darker color now. For the old color, use $gray-dark. (f2761e3)
  • health_indicators: removes health_indicators from pui-css-deprecated (799eb23)
  • images: (javascript) Images no longer responsive by default. Please use the responsive flag. (447a6a0)
  • links: (css class) link-lowlight-alt is no longer supported. Please use link-lowlight instead. (757a0a1)
  • links: (css class) the value of $link-color, $accent-2, and $blue-2 became darker (29c5826)
  • lists: (sass variable) $list-steps-color-current is now $brand-8 (690d59b)
  • lists: (css class) addable list animations removed. Do not use. (53315f5)
  • lists: (html) The `.event-list` class is no longer supported. If you want to build a event list, build it up using a group list. See an example at http://styleguide.pivotal.io/elements.html#list_group (f8f2e40)
  • maps: (css class) Google maps now need the `.labs-map` class to get styles. (d24e699)
  • mixin: (sass variable) font() mixin no longer available. Use font-helper mixin from pui-css-typography instead. (dc94761)
  • modernizr: (javascript) modernizr is no longer included with Pivotal UI (086002c)
  • no-js: removes .no-js from pui-css-deprecated (c3674a2)
  • panes: (javascript) outerClass, and innerClass no longer work. Use className and innerClassName to pass the classes, respectively. (76ac09e)
  • selects: (sass variables) $input-border is now $neutral-7 (192e5af)
  • sortable-table: (javascript) React component has new wrapping components for the header and rows. (537f477)
  • tabs: (javascript) For the react version of tabs, the property 'tabs' is now called 'title' (01dad2a)
  • tabs: (sass variables) $tab-responsive-color is now $neutral-3 instead of $neutral-4 and $tab-responsive-active-color is now $brand-5 instead of $brand-8 (7d99cec)
  • tabs: The old styling of SimpleTabs is no longer available. The same classes or React Components use the new styles. (a942a44)
  • tabs: (whitespace) tab default body padding is now on .tab-pane (cac8cde)
  • toggles: removes toggles from pui-css-deprecated (945039a)
  • typography: (css class) header line height changed and will look closer together on multiline headers but will look the same on single line headers (492247a)

Features

  • autocomplete: Add autocomplete React component (6304d0c)
  • back-to-top: react back-to-top accepts classname, id, style (92e095b)
  • bootstrap: upgrade bootstrap from 3.3.1 to 3.3.5 (6f96e31)
  • btn-group: Adds button groups (f2ff18a)
  • buttons: react buttons now accept classname, id, and style (1f41c6d)
  • collapse: Collapse can now start out open by passing defaultExpanded (7f01614)
  • colors: Add new dark swatches and color styles (143695b)
  • colors: add type modifiers for dark colors (46bfbf3)
  • dividers: Dividers passthrough className, id and style (7d1db48)
  • draggable-list: DraggableList passes through attributes (183810a)
  • dropdown: Dropdown and DropdownItem pass through attributes (87b40f7)
  • forms: Change selects to have label outside (e876de4)
  • helpers: add `pui-react-helpers` module, with `mergeProps` function (ea0d732)
  • labels: react labels now accept classname, id, style (48e9a39)
  • lists: react lists accept classname, id, and style props (4f2a0e1)
  • maps: Removes Maps dependency on id for height styling (d24e699)
  • modal: Make x to close react modals accessible (48e41dd)
  • modal: Modals passthrough className, id, and style (fe01756)
  • notification: AlertNotifications passes through id, className, and style (0e8061a)
  • notification: Notifications pass through className, style, and id (859e679)
  • notifications: Add size prop to react notifications (569fcc8)
  • overlay-trigger: Creates a unique id for overlay prop (52523d4)
  • panels: Adds passthroughs for className, id, and style (174c544)
  • panes: Panes passthrough className, id, and style (76ac09e)
  • radio: Classname and style passes through to radio div (9f736c9)
  • radio-group: react radio-group accepts classname, id, and style props (4d781f5)
  • react-animations: remove pui-css-react-animations (e944ad0)
  • ribbons: react ribbons now accept classname, id, and style props (1ecda1f)
  • select-fancy: add a select fancy react component (b20a078)
  • stream-list: Creates a stream-list component (b96429e)
  • tabs: Makes tabs responsive (721cdbf)
  • tabs: Adds new component LeftTabs in Tabs package (c1e87dd)
  • tabs: Upgrade to new react-bootstrap Tabs API (01dad2a)
  • tabs: Update styles for SimpleTabs for 2.0.0 (a942a44)
  • tile-layout: adds TileLayout component (c3ff982)
  • tooltip: Adds className, id, and style passthrough (ae06ad1)
  • traffic-lights: Adds traffic lights component (985171e)
  • typography: Headers now have a smaller line-height (492247a)
  • typography: uses a variable for header padding (8fd4d96)

Accessibility

  • alerts: JAWS indicates that alerts are alerts (95aca19)
  • back-to-top: improve accessibility of back-to-top (61c9b93)
  • buttons danger buttons pass contrast requirements (232156c)
  • colors: changes colors to be more web accessible (aeba298)
  • links: links pass contrast requirements (29c5826)
  • modals: Modals are more accessible (08de4ff)
  • sortable-table: Make sortable table keyboard accessible (ffdfe3a)
  • tabs: Set correct aria-controls value for Tab nav items (75fd100)

Bug Fixes

  • alerts: Add color back to notification alert icon (70ab958)
  • alerts: Alert styles changed (a6cfe36)
  • alerts: Remove extra margin on the alert (dc72f3d)
  • autocomplete: Fix scroll to top (629401b)
  • autocomplete: Uses neutral instead of gray (100ad8b)
  • avatars: Adds alt attributes to image tags (1205551)
  • back-to-top: Update dependencies for react back-to-top (4cefca2)
  • back-to-top: make jquery back-to-top accessible (03e4d9b)
  • buttons: Fixes Button Default Alternate hover state (c9db631)
  • buttons: Changes style of buttons. (8b86a1f)
  • dividers: (visual appearance) large dividers have less whitespace (b1a1906)
  • dividers: reduce padding around large dividers to match small dividers (b1a1906)
  • draggable-list: DraggableList callback onDrop is no longer passed to list items - use onDragEnd instead to provide a callback. (0bdd107)
  • dropdowns: Changes style of dropdowns. (70fece4)
  • dropdowns: Removes Primarydropdown (f1bfc81)
  • dropdowns: buttonClassName is propagated properly (4e88e37)
  • dropdowns: Adds default uniqueid to Dropdowns. (161198a)
  • dropdowns: Fixes the highlighting on hover of dropdown items (718bfdd)
  • ellipsis: removed 2 and 3 line ellipsis options (fbd5fc3)
  • expander: Handle expander open animation correctly (d83f3dc)
  • expander: ExpanderTrigger no longer wraps the given child (480c7bc)
  • forms: Fix contrast issues on forms (f2761e3)
  • forms: Inputs have labels (2ad8ed7)
  • forms: Makes ids unique. (8c0ee53)
  • forms: help-inline class has been removed from forms (87a90a5)
  • forms: (sass variable) $input-color is now $neutral-3. (df046bd)
  • forms: Changes input text color to be darker. (df046bd)
  • images: Images get responsive class only with flag (447a6a0)
  • links: Updates link colors and hover/focus and active states (757a0a1)
  • lists: Current step list item is now brand-8 (690d59b)
  • lists: Removes event list css (f8f2e40)
  • media: InnerClassName passes through to the media-body (4966246)
  • modals: fix times symbol (7d9dff9)
  • modals: react modals now scroll when content is greater than viewport (4355e94)
  • react-bootstrap: only require needed components from react bootstrap (a2847f9)
  • selects: changes select styles (192e5af)
  • sortable-table: refactor sortable-table to rerender with data change (537f477)
  • sortable-table: sorts on first sortable column by default (c3b2fa0)
  • sortable-table: Clicking on sortable header doesn't select text (a9ec8a0), closes #103050640
  • tabs: Fixes contrast on Left Tabs and Responsive Tabs (7d99cec)
  • tabs: Fixes bugs in react tabs and improves docs (2f0df41)

1.10.0 (2015-07-08)

Bug Fixes

  • dropdown: Fix border on default alt dropdown hover (5ebcaaf)
  • dropdowns: add `pui-css-buttons` as a dependency (f980b16)
  • forms: Fix typo in forms styleguide entry (3918e0f)

Features

  • notifications: "no notifications" bell no longer needs modifier classes (8e8fd2a)
  • notifications: alert notifications badges no longer need modifier classes (f4b963c)
  • notifications: notification bells and badges no longer need modifier classes (1b94fdd)
  • notifications: notifications bells scale with different size/color modifiers (ebca281)
  • typography: typography size classes are !important (b969aac)

DEPRECATION WARNINGS

  • notifications: The notification HTML markup is changed. The old markup will work for now, but will no longer be supported in the next major release.

1.9.1 (2015-06-26)

Bug Fixes

  • alerts: remove stray 's' in alerts docs ((356e9972))

1.9.0 (2015-06-24)

Bug Fixes

  • colors: Fixes typo in color style guide for accent-1. ((27486ab1))
  • contributor-workflow: remove unnecessary console.log ((8b075483))
  • iconography: Add line height to fa-h1 through fa-h6 ((f036f7ed))
  • notifications: Fix h2 styling on AlertNotification component. ((3e715ac6))
  • packages:
    • add missing license content to all react components ((5227c326), closes (#97441574))
    • add missing license content to all css components ((9bdd6361))
  • packaging: add license to pui-css-bootstrap module ((8c852585), closes (#95916290))
  • panel: panel whitespace should support 'none' value ((f34fd1d7))
  • react-bootstrap: lock react-bootstrap to a non-broken version ((d93dd4c1), closes (#97155534))
  • react-dropdown: Add documentation of the buttonClassName property ((70f786c5))
  • vendor-package: temp fix for ci error ((448d820e))

Features

  • contributor-workflow:
    • add command to copy vendored PUI packages to projects ((8538ef3d))
    • improve contributor workflow for react components ((f15b66d7))
    • improve contributor workflow for css components ((1d8813c5))
  • iconography: Add fa-h1 through fa-h6 and friends ((1ccab00d))
  • portals: Add Portals React component to styleguide ((77ca252b))
  • react-iconography: add size options to iconography ((5e14a234))
  • styleguide:
    • Add product designer job req [#97262154] ((df234e85))
    • update bitly link to correct url ((699e23a8))
    • shiny new intro page ((31b3d0b7))

1.8.0 (2015-05-28)

Bug Fixes

  • lists: add iconography as a dependency of lists npm module ((110e627d))

Features

  • packaging: Add pui-css-all, containing all css components ((64897ca8))
  • react: Upgrade all React components to use React v0.13 ((394f82c))

1.7.1 (2015-05-27)

Bug Fixes

  • alerts: Remove erroneous border from alerts ((5207bfc9), closes (#94972296))
  • dropdowns: update link dropdown example to have proper spacing ((41a84ac6), closes (#94978452))
  • btn-default-alt button: Update btn-default-alt to have border ((5e0bbacc))

Deprecation warnings

The following components are deprecated, and will be removed in the next major release:

  • Large accordions
  • Alternate modals

1.7.0 (2015-05-18)

Bug Fixes

  • forms packaging: Do not rely on .h1 styles existing in the forms scss [finishes #92549350] ((28214d26))
  • iconography: fixed font-awesome peer dependency [] ((4dc7fb7e), closes (#91866334))
  • modal:
    • Modals regain their fly-in behavior ((1704b413), closes (#94552398))
    • React Modals now display on open ((55366452), closes (#94552398))
  • packaging:
    • Fix copyright holder name in css components ((f494575f), closes (#92150274))
    • Remove extra ../ from paths [] ((c2c1ef89), closes (#91991302))
  • ribbons: Update styleguide link in Ribbons component ((0b4720ac))
  • test: use buttons component in modal spec ((2cefe54d))
  • tooltips: Remove the default transparency from tooltips [#91368306] ((f9d649c7))

Features

  • alignment: move alignment into npm ((abf1e7f7))
  • back-to-top:
    • Add new back-to-top React component to docs ((79f79a70))
    • -published back-to-top css [finishes #91866360] ((0027e3e5))
  • bordered-panel-title:
    • Add a React component for the new Panel Basic Alt ((d5a435a0))
    • Add new panel-basic-alt component ((11ba90aa))
  • component-css-files: Output individual CSS files per component ((acb5bb02))
  • deprecated: Deprecate some components ((4abcac55))
  • fonts:
    • Add assets to typography and iconography components ((a2d1f58f))
    • Include fonts in typography component [#91437306] ((a99f0c86))
  • iconography: Publish iconography css component with dependencies [finishes #91866334] ((abbfbb10))
  • links: -published links component css [finishes #91888924] ((7b8c0908))
  • maps: Publish pui-css-maps component ((81ddf03d))
  • prismjs: Publish pui-prismjs ((acf08aec))
  • react-expander: Add Expander components to Pivotal UI. ((d1edc003))
  • react-grids: Extract and use grids npm package [finishes #90971838] ((769f247d))
  • variables-and-mixins: Publish pui-variables.scss and mixins.scss to npm ((7716f2f3))

Deprecation warnings

The following components are deprecated, and will be removed in the next major release:

  • Health indicators
  • Pivnet homepage
  • Scales
  • Apps Manager-style toggles
  • Traffic lights
  • No JavaScript
  • 2 & 3 line ellipsis
  • Event list

The following JavaScript libraries will also not be included in the next major release:

  • jQuery
  • Bootstrap.js
  • Modernizr
  • Lodash
  • PUI Utils

1.6.0 (2015-02-27)

Features

  • timeline-list: style timeline-list ((d0b60da5))

1.6.0 (2015-02-27)

Features

  • timeline-list: style timeline-list ((d0b60da5))

1.5.0 (2015-02-25)

Bug Fixes

  • docs:
    • add success modifier classes ((51c6369d))
    • Update fontawesome link. ((1e78e379))
  • dropdown: add role="menuitem" to examples in styleguide ((358efa0b), closes (#87044280))
  • react-alert: add prop validations ((a2faeb76))
  • react-button: add prop validation ((5fd8f4a1))
  • react-collapse: add prop validations ((f24ab8cc))
  • react-divider: add prop validations ((e4c634cf))
  • react-draggable-list: style draggable list ((2956ba1b))
  • react-dropdown: pass react props better ((c9d30bf4))
  • react-grid: add prop validation ((bcca1619))
  • react-image:
    • Allow UI.Image to take a className. ((8444ba65))
    • add prop validations ((d1ef2a03))
  • react-input: add prop validation ((ab50e903))
  • react-lists: Allow InlineList to take a className. ((02bb247a))
  • react-media:
    • Allow Media to take a className. ((d4c10b23))
    • update prop validation ((aacd4815))
  • react-panel: add prop validations ((710fbab1))
  • react-sortable-table: add prop validations ((ee2c39f9))
  • react-typography: add prop validations ((ed39292b))
  • simple-tabs-alt: active border on active tab ((255b3609))

Features

  • dropdown-notification: add notifications with alert icon ((ce756c20))
  • dropdown-notifications: add notification dropdown component ((e968a9de))
  • react-lists:
    • add transitions to addable list ((3bf0b1cf))
    • add list spacing ((ad5312a0))
    • add addable list component ((e07ff19f))
    • Add list components in react ((2a6932bd))
  • react-notifications:
    • add alert notifications to react ((cb057145))
    • add react notification component ((ae56aa96))

1.4.0 (2015-01-26)

Bug Fixes

  • copy-button: do not include whitespace in hologram templates ((f6f067ad))
  • dropdowns: Use standard spacing on dropdowns.jsx ((c21077d3))
  • ie-support: fix back to top component in IE9 ((ade9688e))
  • lodash: add lodash to global scope in regular pivotal-ui.js ((4f4f01de))
  • pivotal-ui-rails: use 'font-url', not 'asset-url' for font paths ((04f38d8c), closes (#85540054))
  • react-media:
    • Remove defunct left and right image validations ((8e2982c9))
    • place images in divs ((29117667))
  • react-ribbon: rename ribbon component to inline ribbon ((cddfdc88))
  • simple-alt-tab: remove green border on focus ((2ee21d7b))
  • styleguide:
    • Remove extraneous divs from styleguide ((bab65afe))
    • fix font-weight in code example tables ((406949d2), closes (#84600166))

Features

  • dropdown: add dropdown component ((b1e9bec9))
  • flag-react: Adds the flag object to our react components ((6606874b))
  • links: remove text-decoration for a:focus ((297cf798))
  • lodash: include lodash globally ((5099be52))
  • panel-tile: move panel tile to console specific styles ((4a2bce5a))
  • react:
    • Namespace all PUI React components as UI.Component ((06ddf828))
    • Introduce React typography components ((64ccd18e))
  • react-alerts: create react alerts ((265e99d0))
  • react-button:
    • Adds specific button types ((495e09e2))
    • Add base button renderer ((adf8647f))
  • react-collapse: Add Collapse component ((a5eaac08))
  • react-dividers:
    • Support multiple sizes ((7b809e39))
    • Add react renderers for dividers ((07061a3c))
  • react-dropdown: add react dropdown buttons ((15a27352))
  • react-grids: add react grids ((0f58d722))
  • react-icons: Add react icon component ((418edb99))
  • react-images: add image components ((aab48cc6))
  • react-label: Add Label component ((62fbcb38))
  • react-media:
    • media components use the image components ((8bc50b08))
    • Adds custom validations for left and right image props ((a0c66537))
    • Add property validations for valign and stackSize ((31f5c806))
    • make alignment global to the entire component ((f6dc5e58))
    • implement new interface ((9725895d))
    • add alt text, height, width, and image spacing ((e0f7c1b9))
    • Non linked image support ((23d437bc))
    • Media component rendered in jsx ((b7b18538))
  • react-modal:
    • modals close by clicking on backdrop or pressing esc ((53f3ec30))
    • add Modal component ((e1c8ef2d))
  • react-pane: Adds pane react component ((316240f2))
  • react-panels:
    • Update ShadowPanel component default to level 3 ((7284d7d7))
    • Add react panel components. ((fd0d231a))
  • react-pivnet: Provide a sample implementation of React + Pivnet ((c2f328c3))
  • react-radio: add radio and radio group components ((17a0325e))
  • react-ribbon:
    • Ribbon components are now Ribbon, PrimaryRibbon, Banner ((f4f32231))
    • Add primary property to BannerRibbon ((edf2a18f))
    • add inline ribbon primary property ((e4dded10))
    • add banner ribbon react component ((8d63bb0e))
    • add react ribbon component ((e90c9e44))
  • react-search:
    • Add example component using SearchInput and state to filter ((46fee5ba))
    • Add a stateless SearchInput component. ((3103c383))
  • react-sortable: Add sortable list component ((3242698b))
  • react-tabs:
    • Replace Tab component with react-bootstrap ((f1c575c0))
    • Create AltTabs component ((ce81d114))
    • Refactor Tabs component ((9ad17e65))
    • React component for Simple Alt tabs. ((611a501c))
  • styleguide:
    • add copy button to js/jsx examples ((d90644a8))
    • add copy button to code examples ((da240986))
    • add copy button to code tables ((fe66dc1a))

1.3.0 (2014-12-05)

Bug Fixes

  • form-input: remove angular sepcific styles for error states ((c0d174da))
  • panel-flex: add safari support ((ff50733c))
  • tab-simple: active tabs no longer have borders on non-hover states ((a98cdb0a))
  • vertical align: add support for safari ((2a80af53))

Features

  • alerts: add example of full width dismissable alerts ((4880b8e8))
  • code: pre-scrollable heights are now auto ((d30865e2))
  • sortable-table: add text alignment option ((8343e852))
  • styleguide:
    • convert all code examples to html ((526207eb))
    • add pivotal ui examples to index page ((61b542cf))
  • styleguide-categories: Remove Javascript category from the styleguide ((4ccecb65))
  • table-sortable:
    • add optional additional classes to table ((ba154e59))
    • columns can be sortable or unsortable ((5d5151aa))
    • default sort by first column ascending ((e5d9a2d5))
    • create basic sortable table in react ((c46c2a96))
  • tables: .table-light applies to all tables ((b83d9dbe))
  • variables: variables.scss is now named pui-variables.scss ((e8f3c452))

1.2.0 (2014-11-24)

Bug Fixes

  • alerts:
    • reorganize alert documentation ((0599b58a), closes (#82655864))
    • add documentation on alert-link class ((320dfe58))
    • update alert link styles ((c146159d))
  • color: colors now take precedence over components default color ((0bd3d024), closes (#83039526))
  • event-list:
    • add deprecation warning ((adad9c88))
    • deprecate event list ((adfdde21))
  • group-list: add example of event list built with PUI ((351bfbb4))
  • links: update table of link classes ((0042edfb))
  • list-card: Panel-list fix ((fb0a55f0))
  • list-vertical-divider: fix regressions ((0126f016))
  • media: media body now fills the width of its container ((ae45de6f), closes (#82743832))
  • panel-flex: Add list-card wrapper to example for height ((7e7987d5))
  • styleguide: make links in alert clash less ((fb41c277))
  • tabs: update responsive tabs' background color ((751a05d9))
  • traffic lights: decrease spacing between lights ((51bcaa77), closes (#82762072))

Features

  • bootstrap: upgrade from v3.2 to v3.3.1 ((ff1701d7))
  • code: Add pre-unstyled class ((ac6b73a8))
  • links: add link-text class ((7bf7a3c4))
  • styleguide: update code example styles ((e5908f72))

1.1.1 (2014-11-14)

Bug Fixes

  • links: remove default underline ((68da716b), closes (#82740244))

1.1.0 (2014-11-13)

Bug Fixes

  • all: remove form_introduction and form_basic ((2b5f1025))
  • fancy number input: Remove from styleguide ((64be1107), closes (#81949280))
  • focus-inputs: remove from styleguide ((ec4c0869), closes (#81955962))
  • label: increase padding on labels. ((99ead73f))
  • links:
    • update link-lowlight style ((79ace832), closes (#82520306))
    • change hover state ((baf77c44))
    • remove superfluous link w/ icon example ((90cb6459), closes (#82491354))
  • list: list styles apply to direct child LIs ((bb7d796c))
  • list-cards: add missing documentation on list-card-link ((4943cc71), closes (#82608820))
  • list-group: background color is now transparent ((b2e8fce3))
  • media-stackable: improve documentation. ((1bdd3bcf))
  • panel-clickable: Update hover colors of clickable classes ((ce036ca4))
  • panels:
    • close anchor on example ((73393cbe))
    • remove dead media query on panel alt ((7cc6a661))
  • styleguide:
    • improve font rendering for h3 styles on IE9 and IE10 ((87f7eed1))
    • update comments ((1053935e))
    • text under color chips is readable in IE9 and 10 ((05350d04))
  • table: remove superfluous extension of .row ((0a4d8130), closes (#82484402))
  • vertical alignment: restore css which provided this functionality ((f3589e44))

Features

  • colors: add bg-glow-5 color ((7b2af147))
  • forms:
    • restyle form elements ((92f5cb4b))
    • add basic example to docs ((5874f182))
    • reorganize documentation ((1d74594a))
  • label-tag: labels now include a tag style used for editable tags ((26d7362c))
  • list-cards: create a list-card-wrapper class for flex panel components ((15713b1f))
  • lists: add useful example of inline lists for layout ((23925dae))
  • removable-label: changed styling on removable labels to make it more similar to labels ((6570837c))
  • toggle-switch:
    • added disabled styling ((b153d57c))
    • added toggle switch style for checkboxes under forms category ((cb07f981))
  • typography: add h6 ((def0393c))

1.0.0 (2014-10-31)

Bug Fixes

  • inline-form: remove unnecessary warning about custom-widths ((7c738681), closes (#81374290))
  • javascript: fix errors in back-to-top ((75f49f2f))
  • layout lists: add documentation links to cards list. ((528d1fa8))
  • list-card: fix incomplete documentation ((e4f44ef1))
  • list-spacing: move examples into tables for clarity ((dc71e313))
  • modal: change modal-alt-title-color to neutral-10 ((290b05d7))
  • styleguide: prevent page from scaling initially on mobile ((81f73fdc))
  • typography: remove typography from utilities ((9b5498a8))

Features

  • alert:
    • alerts are more flexible with their content ((68f8092d))
    • update alert component ((15bd926a))
  • alignment:
    • update docs ((8a9d0f77))
    • make alignment top-level component in utilites ((4bcbd6e1))
  • back-to-top: back-to-top does not show on mobile ((861fb76c))
  • grids: update documentation ((b58cbcf5))
  • iconography: add download icon to docs ((abe0868f))
  • list: update docs for list-event ((d68b91cf))
  • list-cards: add tileable fixed width grids via list-cards ((7a705004))
  • panels: update panels documentation to use list-cards ((5cac9e68))
  • spinners: update docs for spinners ((40d068f5))
  • styleguide:
    • style secondary nav ((4c92d5ca))
    • make nav bar mobile friendly ((71237539))
  • table-key-value: add docs for key value table ((36e9dfec))
  • table-scrollable: Update component ((7f3fa538))
  • tables: add reference to new alignment component ((5af168f8))
  • tooltip: add tooltip component ((4d4049b3))
  • typography:
    • add reference to new alignment component ((4ab30f70))
    • update typography documentation ((032593e4))
  • validations: update documentation ((f072cdc6))
  • vertical aligner: add vertical aligner component ((d45b325d))

Breaking Changes

  • alert:
    • (style) alert text has normal emphasis by default. Apply the .em-high class to text elements inside alerts to get bold text. ((68f8092d))
    • (html) alert icons are no longer included by default ((15bd926a))
    • (sass variable) $yellow-1/$warn-1 are now $yellow-2/$warn-2 ((15bd926a))
    • (sass variable) $yellow-2/$warn-2 are now $yellow-3/$warn-3 ((15bd926a))
    • (style) alerts now have top-margin ((15bd926a))
  • panels: panel-card - has been removed. Behavior is now available using list-cards containing panels. ((5cac9e68))
  • tooltip:
    • (css class) .with-tooltip is now .button-with-tooltip-wrapper ((4d4049b3))
    • (javascript) tooltips must be explicitly initialized ((4d4049b3))
  • table-key-value: (css class) table-horizontal and table-numerical are replaced by table-key-value ((36e9dfec))
  • table-scrollable (html) Component no longer uses panels ((7f3fa538))
    • Uses it's own table-scrollable-head/body classes (no longer relies on modified panel components)
    • Sets column width with inline attributes (no longer uses column classes)
    • Uses table layout fixed, which means we need to be explicit about all sizes
    • Configurable styles are now variables
    • No longer relies explicitly on whitespace classes

0.2.0 (2014-10-22)

Bug Fixes

  • Alert: improve contrast for yellow background color vs text ((5fafc7c1))
  • alert: Improve docs for alerts ((7b99d427))
  • back-to-top: bring back-to-top forward ((eea9cf9c))
  • backgrounds: update docs for bg-glow and bg-cloud ((b2a65f20))
  • ellipsis: make ellisis 2 & 3 line work in the styleguide ((4187fca9))
  • files:
    • rename style_guide to styleguide ((647bb5f0))
    • pluralize names and change extensions to .scss ((3c37e245))
  • javascript: deprecated javascript specific components ((99c9cf6a))
  • media: fix stackable media components ((5a08fc4d), closes (#80741572))
  • media object: removed media-list ((b3f859f9))
  • panes: update panes ((0017fe32))
  • styleguide:
    • remove extraneous empty divs from table docs ((87c7f9dd))
    • fix non-encoded hyphens in docs ((b7deed43), closes (#80909858))
    • Scroll to correct position from top level nav ((bf970967))
  • target: swap out targets to hashes for links between components. ((a84fabcf))

Features

  • avatar: combine gravatars with avatars and make them their own section. ((d31eaf9d))
  • back-to-top: add back-to-top widget ((f09d9ba8))
  • background: make hero image smaller ((0fbeb27d))
  • bootstrap: bump to Boostrap v3.2.0 ((a5c6e486))
  • button: change full width title to camelcase ((04f79895))
  • clickable: update clickables ((84c41f98))
  • collapse: Renamed Collapse to Accordion ((601db497))
  • embeds: add docs for responsive embeds ((88d13f0a))
  • errors: align bootstrap errors to checkboxes and radio buttons ((3fe4ad18))
  • flag: refactored media to allow vertical alignment ((d5f3f979))
  • gravatar: pulled gravatar from images ((f9b83a9c))
  • modal: move inline modal to be a child of modals. ((a4367ced))
  • modals: Add new alternate dark modal style ((33b8a017))
  • print: add 3 new print utilities ((a4f8d8d7))
  • styleguide:
    • pend broken components ((5692f960))
    • removed parent name from children ((7105ace2))
    • add scrolling to section-nav elements > > [Finishes #80392096] ((171827d9))
  • styleguide-typography: Make styleguide headings teal ((6406d79c))
  • traffic lights: modified traffic lights docs ((18e6af5a))
  • utilities: add docs for responsive utilities ((a890fd98))

0.1.0 (2014-10-20)

Upgraded to Bootstrap 3.2.0

.media api updated

.panel-clickable-1 -> .panel-clickable .panel-clickable-2 -> .panel-clickable-alt

.visible-xs -> .visible-xs-block .visible-sm -> .visible-sm-block .visible-md -> .visible-md-block .visible-lg -> .visible-lg-block

.visible-print -> .visible-print-block

.panel-space -> .panel-alt .panel-stopped -> .panel-off .panel-crashed -> .panel-danger

.panel-simple-highlight -> .panel-basic-highlight

link-lowlight-inverse -> link-lowlight-alt

Application dashboard removed

upgrade_your_account widget deprecated

.btn-alternate deprecated

.boxBgBasic .boxDefault .boxHeadBranded deprecated

.bkg-highlight-1 has been removed

Dividers

.divider-lowlight -> removed. Use .divider-n and .divider-alternate-n instead.

Backgrounds

.bkg-overlay-n have been removed .bkg-highlight-1 has been deprecated .bkg-highlight-2 -> .bg-cloud

Typography

h6 has been removed .type-em-n have been removed, use classes in the type sizes section instead. .type-deemphasis classes have also been removed, use classes in the type weights section instead .h1-login or .h2-login have been removed, user regular headings in the type sizes section

$type-accent-n -> removed $type-gray-n -> removed $type-primary-n -> removed

.type-accent-n -> now uses accent blue. If you want teal colors, use .type-brand-n .type-primary-n -> removed. For gray colored text, use .type-neutral-n

Sass Var changes

$shadow-1 -> rgba(0, 0, 0, 0.3);

$bkg-default-4-color -> $bg-neutral-9 $bkg-default-5-color -> $bg-neutral-10

$teal-1, $teal-2 -> $teal-1 $teal-3 -> $teal-2 $teal-4 -> $teal-3 $teal-5 -> $teal-3 $teal-6 -> $teal-4 $teal-7 -> $teal-5

$blue-1 -> $navy-1 $blue-2 -> $blue-1 $blue-3 -> $blue-2 $blue-4 -> $blue-3 $blue-5 -> $blue-4 $blue-6 -> $blue-5

$bkg-default-3-color -> removed, use $dark-1 instead

$red-2 -> $red-1 new color #eb3d46 -> $red-2

Class Name Changes

.bkg-default-4 -> .bg-neutral-9 .bkg-default-5 -> .bg-neutral-10 .bkg-primary-2 -> removed, consider .bg-brand-1 as an alternative .bkg-primary-3 -> removed, consider .bg-accent-4 as an alternative .bkg-default-3 -> removed, consider .bg-dark-1 as an alternative

* New!            $gray-1
* $gray-1 is now  $gray-2
* $gray-2 is now  $gray-3
* $gray-3 is now  $gray-4
* $gray-4 is now  $gray-5, and the color has changed to #b4b4b4
* New!            $gray-6
* $gray-5 is now  $gray-7
* $gray-6 is now  $gray-8
* $gray-7 is now  $gray-9
* $gray-8 is now  $gray-10
  • styleguide/ and build/ have now been replaced by dist/, refer to all assets there.
  • Deprecated: the button alternate style
  • Added: button highlight alternate
  • Added: button default alternate
  • Added: $glow-4

v0.0.2

  • Removes lib/ and introduces build/ as the directory for compiled CSS.
  • Organizes dependencies into individual directories.

v0.0.1

  • Initial export of console Sass and compiled CSS files.