What's new

v1.3.0

  • Added search functionality to Chi documentation portal.
  • Updated Alert component with new design to support additional use cases.
  • Added inverse theme support to Tab component.
  • Updated Backdrop wrapper used by Modal, Spinner, and Drawer components to improve responsive and scrolling behavior on small viewports.
  • Changed Modal components default vertical placement to top and added -center class for vertical centering.
  • Updated Form components with consistent method for displaying Labels in various positions.
  • Updated Form components with method for displaying Icons and other content inline with Labels.
  • Fixed bug in Tab component which positioned dropdown arrows incorrectly when tab size was set to -lg.
  • Changed Badge component size values from small to sm and smaller to xs for consistency.
  • Changed Brand web component color attribute from type to color for consistency.
  • Added new icons for expanding and collapsing content (icon-square-minus-outline, icon-square-minus, icon-square-plus-outline, icon-square-plus).
  • Added new icon to help indicate when edit capabilities have been disabled/canceled (icon-edit-cancel).
  • Added new social media icons (icon-logo-facebook, icon-logo-linkedin, icon-logo-twitter, icon-logo-youtube).
  • Added disabled support to Date picker component.
  • Improved responsiveness of Chi Documentation nav.
  • Improved Popover web component reference validation error message.
  • Updated backstop tests.
  • Fixed SASS linting.
  • Fixed accessibility errors in Button component which rendered Icon buttons without a label.
  • Fixed accessibility warnings in Documentation which rendered pages with skipped heading levels.
  • Fixed accessibility color contrast errors in Avatar, Badge, Divider, Expansion Panel, and Text Input components.
  • Updated Checkbox component markup to fix multiple form label accessibility errors.
  • Updated Radio Button component markup to fix multiple form label accessibility errors.
  • Fixed accessibility errors in Date picker component related to duplicate IDs.
  • Improved Card, Modal, and Popover component markup with more semantic html elements.
  • Fixed missing form label accessibility errors in Documentation form examples.
  • Fixed accessibility warnings in Documentation related to redundant navigation links.
  • Fixed accessibility warnings in Documentation examples related to suspicious link titles.

v1.2.5

  • Added Dark version of Sidenav component for Enterprise portals.
  • Added small, medium, and large size support to Sidenav component.
  • Updated Card component documentation with common Dashboard KPI example.
  • Removed unnecessary font-family property from Button component which conflicted with the font-family defined on root.
  • Added icon support to Picker Group component.
  • Updated Drawer component javascript documentation with methods.
  • Updated documentation with a version check to alert users when a new version is available.
  • Fixed Steps component link color inconsistency in base light version.
  • Updated Header component documentation with Enterprise Portal header example.
  • Updated Grid component documentation with base grid guidelines.
  • Updated Dropdown component trigger margin.
  • Updated Progress component bar height.

v1.2.4

  • Added responsive behavior to Picker Group component.
  • Fixed bug in Text Input component which failed to style all available HTML5 input types.
  • Fixed bug in Expansion Panel component that prevented long text strings from wrapping.
  • Updated Divider component Color Bar proportions.
  • Added Color utility for muted backgrounds.
  • Added support for centering bubble alerts with new utility class.
  • Updated base Steps component disabled color.
  • Added !important to shadow utility values.
  • Added default color value to o-header__title in Header component.
  • Fixed Steps component bug in IE which caused step numbers to misalign.
  • Replaced modal back SVG icon with Chi web font icon for easier theming.
  • Fixed Steps component bug which was not reseting default browser padding and margin on ul element.
  • Added 720px max width to Sizing utility.
  • Improved responsive behavior of Footer component.
  • Fixed bug in Drawer component which caused the close icon to scroll with content.
  • Fixed bug in Drawer component which caused the drawer to unexpectedly close.

v1.2.3

  • Fixed Icon bug which prevented several web font icons from loading.
  • Added new solid and outline Icons for: Cart, Circle Info, Circle Question, Comment, Comments, Database, Home, Mail, Wifi.
  • Fixed Dropdown component bug which prevented the trigger icon from rendering correctly on non-base buttons.
  • Fixed bug which scrolled the underlying body content when a Drawer or Modal was open.
  • Improved Header component responsive behavior.
  • Fixed line-height of base textarea.
  • Added new background color utilities.
  • Fixed bug which sized Spinner components incorrectly when placed inside Modals.
  • Fixed incorrect documentation example code for Tooltips and Date pickers.
  • Fixed Step component bug which colored non-active inverse step lines mint instead of grey.
  • Added Picker Group component.
  • Removed margin-right from Toggle Switch component.
  • Updated Number Input component widths to support more digits by default.
  • Added !important to utility values to allow overriding component styles.

v1.2.2

  • Added text and background utility for CenturyLink's primary grey.
  • Added support for -muted to Alert component.
  • Removed support for -light and -dark from Alert component.
  • Fixed Expansion Panel component bug which failed to apply active styles to active panel step numbers.
  • Updated Footer component with correct legal links.
  • Updated base Header and Footer components to use the black Brand logo for consistency with dot com.
  • Fixed Icon Button bug which rendered incorrect padding on :active when a size class was defined.
  • Fixed Tab component animation which was buggy on -lg sized horizontal tabs.
  • Created chi alias to run all development environment commands.
  • Fixed wrapping and margin bugs in documentation examples.
  • Renamed text color utility from -text--inverse to -text--light.
  • Added new reference images for BackstopJS regression tests.
  • Updated development environment tasks to run in Docker.
  • Fixed responsive behavior in Activity component.
  • Updated Authentication templates with Floating Label Input component.
  • Improved design of disabled icon buttons to look more disabled.

v1.2.1

  • Fixed Sidenav animation.
  • Fixed Activity lint warnings.

v1.2.0

  • Added Javascript Modal component.
  • Added ability to close Modal component via escape key.
  • Fixed margin misalignment bug in Modal component.
  • Added scrolling support to Modal component.
  • Removed forced text-transform from Modal title.
  • Added support for CenturyLink's Color Bar brand element to Divider component.
  • Fixed IE11 content misalignment bug in Header component.
  • Added Activity component.
  • Added support for Warning styles to Badge component.
  • Updated Icon component with new arrow icons.
  • Renamed grey Badge style from Light to Muted.
  • Added new Light Badge and Button style for use on black backgrounds.
  • Fixed IE11 text overflow bug in Picker component.
  • Fixed IE11 tab display bug in Sidenav component.
  • Fixed bug in Button component where outline button background was set to white instead of transparent.
  • Fixed bug in Button component where outline button secondary hover icon color wasn't inheriting text color.
  • Added anchor link support to all sections within Documentation.
  • Added State template to illustrate common user and application states.

v1.1.1

  • Fixed vertical nav tab active state.
  • Fixed padding on header mobile.

v1.1.0

  • Added support for solid white and solid black logos to brand component.
  • Added label examples to text input and textarea documentation.
  • Added Fieldset template.
  • Added sidenav component which emulates Cyclops's Main Nav component.
  • Added date picker component.
  • Improved truncating logic in Tooltip component to support more characters.
  • Added popover component.
  • Added pagination component.
  • Added tooltip component.
  • Updated Tab component size classes from -large and -small to the more consistent, -lg and -sm.
  • Fixed browser sync issues in dev environment.
  • Added subtitle support to modal component.
  • Fixed line-height bug in Floating Label component.
  • Fixed toggle switches from incorrectly wrapping within Card components.
  • Added fluid support to Button component.
  • Removed white background from outline button hover states.
  • Fixed text input and select input padding inconsistency.
  • Added floating label support to Select component.

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.