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

Package detail

@npmcorp/pui-react-lists

pivotal-cf59MIT8.5.0

A collection of React components for rendering different kinds of lists

bootstrap, react, pivotal ui, pivotal ui modularized

readme

pui-react-lists

A collection of React components for rendering different kinds of lists

Pivotal UI React (GitHub, npm) is a collection of React components for rapidly building and prototyping UIs.

This component requires React v0.13

See the Pivotal UI Styleguide for fully rendered examples.

Components

ListItem

An element of a list component

UnorderedList

A bulleted list

`js var UnorderedList = require('

Properties

  • spacing
    • String: One of n, s, m, l, or xl: sets the amount of space between list items

OrderedList

A numbered list

`js var OrderedList = require('

Properties

  • spacing
    • String: One of n, s, m, l, or xl: sets the amount of space between list items

InlineList

A list where the items are stacked horizontally

`js var InlineList = require('

Properties

  • spacing
    • String: One of n, s, m, l, or xl: sets the amount of space between list items

GroupList

A list where the items are separated by lines

`js var GroupList = require('

Properties

  • spacing
    • String: One of n, s, m, l, or xl: sets the amount of space between list items

GroupListInverse

A list where the items are separated by lines, for use on a dark background

`js var GroupListInverse = require('

Properties

  • spacing
    • String: One of n, s, m, l, or xl: sets the amount of space between list items

StepList

A numbered list of steps in a workflow

`js var StepList = require('

Properties

  • spacing
    • String: One of n, s, m, l, or xl: sets the amount of space between list items

A list of breadcrumbs for hierarchical navigation

`js var BreadcrumbList = require('

Properties

  • spacing
    • String: One of n, s, m, l, or xl: sets the amount of space between list items

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

changelog

18.0.0 (2019-04-08)

CSS

17.0.3 (2018-11-05)

CSS

16.0.2 (2018-07-03)

React

15.0.0 (2018-03-29)

CSS

14.0.0 (2018-02-16)

CSS

11.1.4 (2018-01-04)

React

Bug Fixes

  • Portals: Portals render correctly even if the source does not exist (90820be), closes #138224093
  • Svg: when src prop changes, load and render new svg [#146825139] (2b30d0d)

Features

  • dropdown: onSelect is triggered by clicking DropdownItem <li> (e62e3e7)
  • Toolbar: Further tweaks to toolbar [#146811529] (3b2022a)

8.3.0 (2017-06-13)

Bug Fixes

  • Select: misalignment of contents [Finishes #146853023] (21bf21f)
  • Select: set margin-top to 0 for select ul [finishes #146853025] (97889d1)
  • Svg: when src prop changes, load and render new svg [#146825139] (c40681a)
  • TableCell: allow cellClass prop to set classNames on the rendered td [finishes #146845001] (26543c3)

Features

  • Dropdown: When Dropdowns are open, clicking outside the dropdown (0c8dadb)
  • tables: Add column index to table cells (b532319)

8.2.0 (2017-06-06)

Bug Fixes

  • Alerts: Fix the insertion of two close buttons (8ba59de), closes #143338559
  • Button: Fix .btn + .btn css placement of rule (d94fed3), closes #143473153
  • Collapse: Fix missing panel dependency in pui-react-collapse (991c37c), closes #145282583
  • Dropdown: Split Dropdown click zone (e17ebb6)
  • Forms: Remove right margin from .form-group, update .form-inline styles (8d069d2)

Features

  • Alerts: Make the alerts 8pt compatible (12af4e7)
  • Borders: Add border control feature (5951faf)
  • Buttons: Buttons can now be full width (1200e62)
    • Side by side buttons now have a unit margin-left separating them (4968e29)
    • Add iconPosition prop to place the icon to the left or the right (3fcc9d6)
  • Checkbox Dropdown: Dropdown widget with checkboxes as elements (60b7479)
  • FlexGrids: Bring FlexGrid react component into line with CSS FlexGrid (38bc18d)
  • FlexTable: Add bodyRowClassName prop (d567a52)
    • Add headerRowClassName prop (ff72854)
    • Add hideHeaderRow prop (daa4664)
    • Add rowProps prop (deb2f62)
    • columns prop can accept width as metadata (e3c7d45)
  • Tooltip: Tooltips are hoverable (73f46a7)

8.1.0 (2017-05-04)

Bug Fixes

  • React: Remove deprecated propTypes usage to support React 15.5
  • SVG: Move from svg-react-loader to react-svg-loader to support React 15.5 (add69a9)

8.0.5 (2017-04-14)

Bug Fixes

  • modals: remove bootstrap interference with modals [#142864131] (bfc8c21)

8.0.4 (2017-03-24)

Features

  • table: React table columns accept cellClass (53d56e0)

8.0.3 (2017-03-17)

Bug Fixes

  • forms: fix error with pui-css-forms import

8.0.2 (2017-03-17)

Bug Fixes

  • table: resolve pui-css-table dependency (44df86f)
  • all: resolve pui-react-all dependency (70fdf5c)
  • Select: style chevron icon as background image (6a8fa1e)

Features

  • label: support for different label sizes (css-only)
  • Input: support for different Input sizes
  • Input: autoFocus property
  • Modal: acquireFocus property
  • Dropdown: aria support
  • Dropdown: support for dropdown items that contain icons
  • Tabs: aria support
  • Tooltip: render children instead of content property
  • Tooltip: TooltipTrigger refinements
  • Iconography: support for spinner

8.0.1 (2017-03-14)

Bug Fixes

  • Iconography: allow icon svgs to be sourced from app/svg directory (537bd71)
  • Dropdown: link and flat dropdown styling fixes (156be26)
  • Dropdown: dropdown menu styling fix (ef1daaa)
  • Copy to Clipboard: fix calls to window and document

Features

  • Buttons: default aria-label for buttons is the button text, and type is set to button
  • Dropdown: support for small dropdowns

8.0.0 (2017-03-09)

Bug Fixes

Features

  • 8 point grid system: Many components have been refactored to fit the grid system described in this blog

  • Accordion/Collapse: Redesigned to 8 point standard. Replaced

    tag in panel heading with class .panel-title.

  • Buttons: Redesigned to 8 point standard.
  • Dropdown: Redesigned to 8 point standard. CSS solution is truly CSS-only. Added size option. Added floatMenu option to React component to give explicit control over whether menu is floating.
  • Forms: Redesigned to 8 point standard. Custom icons fixed to 18px by 18px.
  • Iconography: Wrapping element for Icons were changed from span to div. Added spinner SVGs in three different sizes; sm, md, lg. The spinners can be used in Icons. You can then attach a spinner icon in a button.
  • Links: Link animation speed changed from 300ms to 150ms.
  • Modals: Redesigned to 8 point standard. Replaced close image with SVG. Replaced modal body wrapping

    tag with .modal-body class. Removed bootstrap influence from modals styling.

  • Panels: Redesigned to 8 point standard.
  • Tables: Redesigned to 8 point standard. Added flex-grid-driven table in addition to standard HTML table (both React and CSS). Added border and hover modifier classes for CSS only tables.
  • Tabs: Redesigned to 8 point standard.
  • Tooltips: Redesigned to 8 point standard. Added a TooltipTrigger React component that uses a different rendering strategy from OverlayTrigger. Added dark and light themes to both TooltipTrigger and OverlayTrigger. CSS solution for tooltip is truly CSS-only. Added three sizes to tooltips (sm, md, lg).
  • Typography: Redesigned to 8 point standard.

Breaking Changes

  • Buttons: The .button class has been replaced by the .btn class. All <button> tags now require the .btn class to be styled.
  • Dropdowns: CSS version has new structure and classes, see style guide. The small size has been removed. The following changes have been made to the React component:
    • The pullRight option has been replaced with the menuAlign option to accommodate the ability to pull left.
    • The border option has been removed.
    • The toggle option has been replaced with by the icon option.
    • The menuCaret option has been renamed to showIcon for clarity.
  • Forms: The following classes have been removed: .checkbox-inline, .radio-inline, .inline-labels, and .unstyled.
  • Iconography: The .svgicon class has been replaced by the .icon class. The .svg-baseline and .svg-middle classes have been replaced by .icon-baseline and .icon-middle classes.
  • Tables: The following CSS classes have been removed: .table-data, .table-key-value, .table-striped, and .table-light. The variously-sized scrollable tables classes have been removed: .table-scrollable-sm, .table-scrollable-md, and .table-scrollable-lg. Scrollable tables now have a default max height of 164px.
  • Tooltips: The CSS version no longer relies on bootstrap. CSS version has new structure and classes, see style guide.

Deprecated

  • Panels: The following types of panels are deprecated: simple, basic alt, panel title, highlight panel, alternate, shadow, card, and clickable.
  • Tabs: The following types of tabs are deprecated: simple alt tabs and images tabs
  • Typography: h1.title

7.5.5 (2017-03-08)

Bug Fixes

  • Modals: Inject document object so that Modals can be server rendered (788b6ae)
  • ScrimMixin: Inject document object so that ScrimMixins can be server rendered (788b6ae)

7.5.4 (2017-02-10)

7.5.3 (2017-02-09)

Bug Fixes

  • Autocomplete: Pass onClick handler to custom lists in autocomplete (c2fe76a)

7.5.3 (2017-02-09)

Bug Fixes

  • Autocomplete: Pass onClick handler to custom lists in autocomplete (c2fe76a)

7.5.2 (2017-02-08)

Bug Fixes

  • Packaging: Do not break commonjs (d52eeed)

7.5.1 (2017-02-07)

Bug Fixes

  • collapse: Re-publish 7.5.0 because 7.5.0 seemed to have missed collapse.css

7.5.0 (2017-02-03)

Bug Fixes

  • Iconography: Style props are applied to wrapper instead of inner element (68d9a21)
  • Modal: Body doesnt scroll when modal is active (7e64586)
  • Autocomplete: Fix onPick throwing an error (4f0110)
  • Autocomplete: Fix zIndex so that it appropriately is displayed on top of things (2a2ee0)

Features

  • FlexGrid: Add flex grid

7.4.0 (2017-01-18)

Bug Fixes

  • iconography: updated styles (f076eda)
  • modal: modal can scroll vertically if it is taller than the screen (6760e5b)

Features

  • Icon: Add verticalAlign prop support [#135989699] (a0c75f8)
  • Iconography: Add support for spinner, spinner-md, and spinner-sm (1903e66)

7.3.1 (2016-12-14)

Bug Fixes

  • Modals: Modal backdrop fades in correctly (c9d4fee)

7.3.0 (2016-12-12)

Bug Fixes

  • Tables: Fix column resize on sort change (7546e1d)
  • Tables: Remove role=button for unsortable headers (7f1a2d6)

Features

  • Iconography: Add new icons (67f8178)
  • Tables: Support sort order none (afba011)

7.2.0 (2016-11-18)

Bug Fixes

  • Dropdowns: Fix styling in Firefox

Features

  • Dropdowns: Add onEntered and onExited callbacks (aa40a21)
  • Select: Create Select component (2f8ba4a)
  • Toggle: add size attribute (440884c)

7.1.0 (2016-11-08)

Features

  • Input: input accepts custom left icon (24e61b7)

7.0.2 (2016-10-28)

Bug Fixes

  • Dropdowns: Add missing pui-react-iconography dependency to (709cd4e)

7.0.1 (2016-10-28)

Bug Fixes

  • Iconography: Do not break if webpack configuration already loads svgs (d84fb9a)

7.0.0 (2016-10-11)

Bug Fixes

Features

  • Buttons: Redesign Buttons (f64c6bb)
  • Dropdowns: Update dropdown styles (a8ec9d5)
  • Iconography: Use inlined SVGs instead of Font Awesome (652fcc5)
  • Iconography: Provide SVG Icon set

BREAKING CHANGES

  • Forms: remove fancy forms (d68515b)
  • Lists: Remove Checked List (e5e22bf)
  • Iconography: Iconography Uses SVG instead of Font Awesome. Use src prop instead of name. (652fcc5)
  • Iconography: Typography color classes no longer change the color of Icons (you need to change fill instead of color) (652fcc5)
  • Typography: Remove svg fonts (b9a1b68)

6.0.2 (2016-09-30)

Bug Fixes

  • copy-to-clipboard: add missing dependencies for copy-to-clipboard (a3d9905)

6.0.1 (2016-09-29)

Bug Fixes

  • Dependencies: Remove react-bootstrap from package.json

6.0.0 (2016-09-29)

Bug Fixes

  • BoundingClientRect: Do not call forceUpdate when not mounted (2251c6e), closes #131222617

Features

  • Alert: Replace React Bootstrap Alert (aed2dab)
  • CopyToClipboard: Add CopyToClipboard and CopyToClipboardButton (175855a)
  • Grid: Replace React Bootstrap Grid components
  • Modal: Replace React Bootstrap BsModal and BsModalHeader (5cc63cf)
  • Svg: creates Svg component (1ae730d)
  • Tabs: Replace React Bootstrap Tab Component (f944f81)

Breaking Changes

  • Alert: dismissable prop is now a boolean only, use the onDismiss prop for callback
  • Modals: bsSize prop is now size (abdef50)

5.4.0 (2016-09-27)

Bug Fixes

Features

  • Autocomplete: Allow trieOptions to be passed into autocomplete (17057c1)

5.3.1 (2016-08-19)

Bug Fixes

  • dependencies: Add pui-css-iconography dependency to pui-css-collapse (b47e53c)
  • Tables: Do not change sorted column when adding or removing columns (e8244ec), closes #128398259

5.3.0 (2016-08-05)

Bug Fixes

  • React: Fix React 15.2+ unknown prop warning (3f32c49), closes #127357031
  • box-shadows: Make .box-shadow-x styling !important since they are (4132e96), closes #126327133
  • dependencies: Add some missing npm dependencies (3576ccd), closes #127124567
  • ReactBootstrap: Upgrade React Bootstrap to 0.30.2 to fix React 15.2 warnings

5.2.1 (2016-06-29)

Bug Fixes

5.2.0 (2016-06-14)

Features

  • box-shadows: Add new box-shadow styles
  • modals: improved style
  • panels: improved loading animation
  • progress-bars: improve default style
  • progress-bars: improve default style and remove automatic red background at 90%

Bug Fixes

  • collapse: Add collapsible dependency (5963f1f)
  • typography: include semibold and fix font-weight for bold fonts (20c14bc)

5.1.3 (2016-06-07)

Bug Fixes

  • table: do not allow the data property to be added to the table element itself (efd651b)
  • Tooltips: Pin tooltips within window if positioned on top/bottom (d744297)

5.1.3 (2016-06-07)

Bug Fixes

  • Table: do not allow the data property to be added to the table element itself (efd651b)
  • Tooltips: Pin tooltips within window if positioned on top/bottom (d744297)

5.1.2 (2016-05-26)

Bug Fixes

  • DraggableList : DraggableList fix for IE 10, 11 and Edge (dc66875)

5.1.1 (2016-05-20)

Bug Fixes

  • Dropdowns: All dropdowns should close on menu click by default (6f2f7d9)

5.1.0 (2016-05-17)

Features

  • Dropdown: Allow dropdowns to remain open when clicking in the menu (208197f)

5.0.3 (2016-05-13)

Bug Fixes

  • Dropdowns: dropdown button should use type button (04d4353)

5.0.2 (2016-04-29)

Bug Fixes

  • Dropdown: close dropdown when item is selected (ed3c6c5)

5.0.1 (2016-04-22)

Features

  • Dropdown: Support passing your own toggle onClick handler (60bf3a9)
  • DropdownItem: Pass additional props if DropdownItem has an href (d0afeee)
  • Radio: render input before label for more customizable styling (a969ea3)

5.0.0 (2016-04-18)

Bug Fixes

  • OverlayTrigger: Remove delayed show/hide callbacks when unmounting (351162a), closes #117840795

Features

  • Dropdown: React Dropdown does not need a title (c281cb2)
  • Dropdown: Dropdown menu is still in the DOM when hidden (3c9a40c)
  • React: Upgrade to React 15 (814e8a1)
  • ReactBootstrap: Upgrade React Bootstrap to 0.29 (96ac378)

4.0.9 (2016-04-18)

Bug Fixes

4.0.8 (2016-04-09)

Features

  • panels: Add panel loading animation, using panel-loading-indicator class (d9d58f1) (89e5938)

4.0.7 (2016-04-08)

Bug Fixes

  • tooltips: Allow tooltips in modals to display correctly (63b7c25)

4.0.6 (2016-03-30)

Bug Fixes

  • css-all: Remove unused package that was including old version of pui-css-bootstrap in pui-css-all (bc6bfec), closes #116443579

4.0.5 (2016-03-25)

Bug Fixes

  • dependencies: Add missing dependencies to package.jsons (8bdad36)

4.0.4 (2016-03-25)

Bug Fixes

  • Headers: Don't hardcode all header colors (e26d03c), closes #378

4.0.2 (2016-03-18)

Bug Fixes

  • dependencies: Remove duplicate css imports (bfad6be), closes #115907785
  • Autocomplete: remove small horizontal margin from autocomplete (91a83d6)

4.0.1 (2016-03-18)

Bug Fixes

  • Collapse: Replace React bootstrap panel with pui-react-collapsible (0f30674)
  • Dropdowns: Fix CSS loading order of dropdowns (919911a)
  • Tooltip: Tooltip React component requires Tooltip CSS (89f638e), closes #115876591

Features

  • Dropdown: Dropdown accepts toggle and split attributes (b7a9c1d)

Breaking Changes

  • Input: Input does not render label if it does not exist (7369043)

4.0.0 (2016-03-15)

Bug Fixes

  • autocomplete: User can select items in safari (241f882)
  • ExpanderContent: Do not use react bootstrap in ExpanderContent (6efdab6)

Features

  • Checkbox: Add checkbox react component (3e19e3d)
  • colors: Change base text color from neutral-3 to dark-2 (dd4619c)
  • Components: Upgrade all React Components to use ES6 Classes (c22ce0e)
  • css-compiling: use webpack to compile react components' css (0e9f60e)
  • DropdownItem: DropdownItem supports custom anchor tag (442e71a)
  • Inputs: Consolidate BasicInput and SearchInput into Input (6598843)
  • Input: Input displays check with success prop (17bf239)
  • OverlayTrigger: Replace React Bootstrap OverlayTrigger and Tooltip (5b67f09)
  • OverlayTrigger: Add manual trigger to OverlayTrigger (5b67f09)
  • Pagination: Create Pagination CSS component (b0f8cdc)
  • Pagination: Make Pagination React component (6a4626f)
  • react-bootstrap: Upgrade React Bootstrap from 0.28.2 to 0.28.3 (482c2af)
  • Tabs: Combine SimpleTabs and SimpleAltTabs into Tabs (500c321)
  • Tabs: Tabs accept actions prop (bd15b4a)
  • Toggle: Create React Toggle component (0196def)
  • Typography: Remove font weight from css typography (f891a7b)
  • Typography: Remove React Typography component (f891a7b)

BREAKING CHANGES

  • FancySelect: Delete FancySelect component and styles (356f20d)
  • Inputs: Consolidate React BasicInput and SearchInput components into Input component (6598843)
  • OverlayTrigger: OverlayTrigger 'trigger' prop is now a string and not an array (5b67f09)
  • RadioGroup: Move RadioGroup component into pui-react-radio package
  • SearchInput: Remove the Search Input Package (581e9b0)
  • Scales: Remove CSS Scales and Deprecated components (85fed14)
  • Table: Rename SortableTable React component to Table (b2ccf2a)
  • Tabs: Combine SimpleTabs and SimpleAltTabs into a single Tabs component that takes 'tabType'
  • TileLayoutItem: Change TileLayout.Item to TileLayoutItem (ace252b)
  • Traffic-lights: Remove Traffic-lights package (2723e72)
  • Typography: Delete React Typography (f891a7b)

3.4.2 (2016-03-11)

Bug Fixes

  • autocomplete: change the link title to the correct value (fef9f4f)

3.4.0 (2016-03-09)

Bug Fixes

Features

  • Autocomplete: Autocomplete supports items that are objects (67002e8)

3.3.0 (2016-03-02)

Features

  • styleguide: require components documentation is more consistent (a09733f)

Bug Fixes

  • panels: panel headers don't scroll on scrollable panels(17c1697)
  • styleguide: adjust margin so links don't overlap (1bf322e)

3.2.0 (2016-02-19)

Bug Fixes

  • dropdown: remove typo in css dropdown li (8cab87f)
  • expander: Manual triggers work in expanders (a44bb0b)
  • transitions: Default css transitions are color and opacity instead of (ae02704)

Features

  • Expander: Expander accepts callbacks (84828d2)
  • padding: change containery paddings (e2fba9a)
  • RadioGroup: consolidate radio components (2889887)

3.1.3 (2016-02-12)

Features

  • styleguide: expose react, css 'all' pages (c513b1c)

Bug Fixes

  • dependencies: Iconography has font-awesome as a true dependency so (0cc5ebf), closes #113594357

3.1.2 (2016-02-11)

Bug Fixes

  • radio: add disabled class to radio label (4c1a4d2)

3.1.1 (2016-02-10)

Bug Fixes

3.1.0 (2016-02-05)

Features

  • buttons: remove outline none for default focus glow (d4117c8)
  • inputs: add basic input component (5d9eb56)
  • SortableTables: Pass `rowData` prop into CustomCells (9dbb5b2)

3.0.0 (2016-01-29)

Bug Fixes

  • bootstrap: Remove bootstrap peer dependecy from pui-css-bootstrap (89732c6)
  • SortableTable: Column size of Sortable Table does not change when (cc3e7ed), closes #103460514
  • spinners: Remove min-height from small spinner and margin top from (a836e8a), closes #101234820
  • styleguide: Fix broken documentation for requiring components (124f8a0)
  • styleguide: Fix react docs for requiring Image (6ccb2c6), closes #112638227

Features

  • Panels: panels can have actions in the header (fb9ec78), closes #343 #287
  • Panels: React panels now accept subtitle prop (e45fcd7)

BREAKING CHANGES

  • styleguide: Change TileLayout to export an object like all of the other components (124f8a0)
  • Media: Use `placement` instead of `hAlign` (83c1753)

3.0.0-alpha.3 (2016-01-22)

Bug Fixes

Features

BREAKING CHANGES

  • media: Media API has changed. (3f7380e)
  • media: .pull-left and .pull-right no longer work with media objects. use .media-left and .media-right instead (4493a92)
  • typography: removes .type-terms class. use .type-xs instead (6cafe0c)
  • panels: removed .panel-flex (865e688)
  • embeds: remove pui-css-embeds. the component is still available in pui-css-bootstrap (1f923a4)

3.0.0-alpha.2 (2015-12-11)

Bug Fixes

  • tables: Add table-data class to SortableTable (7d280d9)
  • tabs: props are now passed through to the react-bootstrap tabs and accordian. (768329e)

Features

  • autocomplete: Upgrade pui-cursor to 2.0.2 (f27be16)
  • panels: Allow Panels to have full headers (cac7b0a)
  • panels: Change `title` prop to `header` (b0cc929)
  • tables: Refactor Sortable Tables (925ff13)

BREAKING CHANGES

  • panels: (javascript) Panel `title` prop is now the `header` prop (b0cc929)
  • tables: (javascript) React SortableTable has a completely new API. (925ff13)

3.0.0-alpha.1 (2015-11-11)

Bug Fixes

  • iconography: add missing dependency, remove unused dependency (ea10547), closes #323
  • modals: add missing dependency (375a8c9)

3.0.0-alpha.0 (2015-11-05)

Bug Fixes

  • dependency: remove unused font-awesome dependency for pui-css-typography (044900c)

Features

2.1.0-alpha.1 (2015-10-27)

Bug Fixes

  • forms: remove box shadow from form inputs other than selects (ba86346), closes #289
  • forms: remove documentation for broken autoselect element (e18d645)

Features

  • modals: extract and reveal stateless BaseModal (2a0493d)

2.1.0-alpha.0 (2015-10-20)

Bug Fixes

Features

  • back-to-top: allow users to set back-to-top to always be visible (d1f8237), closes #104349588
  • button-group: adds button-group selected state, fixes active state (13cc09a), closes #263 #105106916

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.