Chi Documentation

What's new

v1.0.0

  • Updated colors to comply with new guidelines from brand team.

v0.9.1

  • Added progress component.
  • Fixed bug in Range Slider component which prevented tooltips from rendering in IE.
  • Added Footer component.
  • Added dropdown and responsive support to Tab component.
  • Updated Position utility with fixed-bottom and fixed-top support.
  • Added concept of grouping to Checkbox and Radio button components.
  • Added Picker component.
  • Added horizontal label support to Steps component.
  • Updated Button component color definition logic in preparation for the rebrand.
  • Updated javascript components to remove redundancies and instantiate consistently.
  • Updated Dropdown component to include the ability to initiate on hover.
  • Added empty and active states to Card component.
  • Added Range slider javascript component.
  • Fixed bug in Button component which colored icons in inverse buttons incorrectly.
  • Added Expansion Panel javascript component.
  • Added Price component.
  • Fixed bug in Drawer component which prevented some drawers from animating.

v0.9.0

  • Updated Header component to support black backgrounds.
  • Updated Brand component to support rendering on black backgrounds.
  • Updated font-size of tab component to match Chi's base font-size.
  • Added Tooltip javascript component.
  • Updated Tab component to include hover state.
  • Updated input alignment notation.
  • Fixed flat button bug which prevented the ability to override the button padding with a utility class.
  • Added version dropdown to documentation.
  • Added Changelog page to documentation.
  • Added Floating Label javascript component.
  • Added Steps component.
  • Added new Number Input component.
  • Migrated javascript Tabs component into the new Chi core javascript library.
  • Added javascript Drawer component.
  • Added Z-index utility.
  • Added browser support page to documentation.
  • Added new text color utilities for base/body text and white text.
  • Updated documentation examples to reference new utility notation.
  • Added copy to clipboard functionality to all documentation examples.
  • Added Drawer component.
  • Updated Button component to support a larger set of sizes.
  • Fixed Display utility bug which targeted single breakpoints instead of specific breakpoint + larger.
  • Added javascript Dropdown component.
  • Updated Alert component to enable more flexibility with icons, header sizes, and alignment.

v0.8.3

  • Updated grid utility notation.
  • Updated text utilities notation.
  • Added Dropdown component.
  • Added Templates section to documentation with Sign In and Error 500 layout examples.
  • Added Color utility.
  • Added responsive support to Border utility.
  • Added responsive support to Shadow utility.
  • Added Sizing utility.
  • Added responsive support to Spacing utility.
  • Added -pill support to Button component.
  • Added Position utility.
  • Added Header component.
  • Removed unnecessary xs breakpoint from display and flex utilities.
  • Updated Modal component to allow close buttons to render outside of a-modal__header.
  • Improved color documentation.
  • Added Brand component.
  • Added Divider component.
  • Fixed bug that prevented adding buttons to Alert components.
  • Renamed a-formGroup to m-formGroup.
  • Added Spinner component.
  • Added Avatar component.

v0.8.2

  • Extended tab functionality by creating tabbable panes of content and animating active tab borders.
  • Updated Badge component to include icon support.
  • Added Icon component with SVG and Web font support.
  • Added Getting Started section.
  • Improved compatibility with Edge and IE11.
  • Added flex utility classes.
  • Merged ux-chi-docs into ux-chi.

v0.8.1

  • Updated select form arrow icon and focus color.
  • Added display utility classes.
  • Renamed -d (depth) utility class to -s (shadow).
  • Renamed -primary button class to -brand.
  • Added border utility classes.

v0.8.0

  • Added depth utility classes.
  • Enabled spacing utility classes to be combined (i.e. .-p--4 .-pb--0).
  • Added card component.
  • Changed relative base size to 16px (the default on most browsers).
  • Removed API and CLI support to focus strictly on CDN and packaged source as integration options.
  • Added WCAG 2.0 compliant color palette.
  • Updated margin and padding utility classes to include zero.
  • Updated checkboxes and radios to dim both the input and label when disabled.
  • Added margin to checkboxes and radios to provide sufficient space between the input and label.
  • Added support for displaying checkboxes and radios as stacked or inline.
  • Renamed the green themed Badge modifier class from brand to success.
  • Updated the grid system with cleanups and improved responsive support.
  • Added text size and style utility classes.
  • Removed hosted fallback support for Open Sans fonts.
  • Updated Google Fonts reference to always load via https.
  • Moved the package into the `@centurylink` scope (from `@ctl`, which we don't control).
  • Updated package metadata to point to the GitHub repository and the CenturyLink Assets Server (https://assets.ctl.io/chi) as the project homepage.
  • Added licensing and the CenturyLink contributor notice.
  • Removed unintentionally rounded corners on banner alerts.
  • Added close buttons to bubble alerts.