Skip to content

Latest commit

 

History

History
170 lines (158 loc) · 6.96 KB

component-status.md

File metadata and controls

170 lines (158 loc) · 6.96 KB
Raw
wrapper_template context
_layouts/default.html
title
Component status

Component status

When we add, make significant updates, or deprecate a component we update their status so that it’s clear what’s available to use. Check back here anytime to see current status information.

What's new in Vanilla 2.8

Component Status Version Notes
Navigation
Updated
 2.8.0 New navigation classes (p-navigation__items, p-navigation__item, p-navigation__link) were added to replace existing (p-navigation__links, p-navigation__link, and classless <a>).
Navigation
Deprecated
 2.8.0 Navigation classes p-navigation__links, p-navigation__link, and classless <a> are deprecated and will be removed in future release v3.0. Please use new class names (p-navigation__items, p-navigation__item, p-navigation__link) instead.

Previously in Vanilla

<tr>
  <th><a href="/base/forms/#range">Range input</a></th>
  <td><div class="p-label--new">New</div></td>
  <td>2.6.0</td>
  <td>Styling of Slider component was added to all <code>&lt;input type="range"&gt;</code> elements by default. This makes <code>p-slider</code> class optional for styling range inputs.</td>
</tr>
<tr>
  <th><a href="/base/forms/#checkbox">Checkbox, radio button</a></th>
  <td><div class="p-label--updated">Updated</div></td>
  <td>2.6.0</td>
  <td>New `is-table-header` added to properly align checkboxes and radio buttons used in table headers.</td>
</tr>
<tr>
  <th><a href="/patterns/slider">Slider</a></th>
  <td><div class="p-label--updated">Updated</div></td>
  <td>2.6.0</td>
  <td>Styling of Slider component was added to all <code>&lt;input type="range"&gt;</code> elements by default. This makes <code>p-slider</code> class optional for styling range inputs.</td>
</tr>

<tr>
  <th><a href="/patterns/contextual-menu/#indicator">Contextual menu</a></th>
  <td><div class="p-label--new">New</div></td>
  <td>2.5.0</td>
  <td>Optional state indicator was added to contextual menu</td>
</tr>
<tr>
  <th><a href="/utilities/font-metrics/">Font metrics</a></th>
  <td><div class="p-label--new">New</div></td>
  <td>2.5.0</td>
  <td>Added <code>u-visualise-font-metrics</code> utility to visualise font metrics</td>
</tr>
<tr>
  <th><a href="/base/typography/#line-length">Line length</a></th>
  <td><div class="p-label--new">New</div></td>
  <td>2.5.0</td>
  <td>Added <code>$max-width--default</code> variable and <code>u-no-max-width</code> utility to control line length</td>
</tr>
<tr>
  <th><a href="/utilities/table-cell-padding-overlap/">Table cell padding overlap</a></th>
  <td><div class="p-label--new">New</div></td>
  <td>2.5.0</td>
  <td>Added <code>u-table-cell-padding-overlap</code> utility to overlap table cell padding</td>
</tr>
<tr>
  <th><a href="/utilities/truncate/">Truncation</a></th>
  <td><div class="p-label--new">New</div></td>
  <td>2.5.0</td>
  <td>Added <code>u-truncate</code> utility to truncate text with ellipsis</td>
</tr>
<tr>
  <th><a href="/patterns/icons/#social">Social icons</a></th>
  <td><div class="p-label--updated">Updated</div></td>
  <td>2.5.0</td>
  <td>Updated style of social icons. Added new <code>.p-icon--rss</code> and <code>p-icon--email</code> icons.</td>
</tr>
<tr>
  <th><a href="/patterns/icons/#social">Social icons</a></th>
  <td><div class="p-label--deprecated">Deprecated</div></td>
  <td>2.5.0</td>
  <td>We will be removing <code>p-icon--canonical</code> and <code>p-icon--ubuntu</code> from social icon set in future release v3.0</td>
</tr>
Component Status Version Notes
Contextual menu
Updated
 2.7.0 Added dark theme to contextual menu.
Heading classes
Updated
 2.7.0 New heading classes with numbers (p-heading--1, ...) were added for consistency with other class names we use.
Heading classes
Deprecated
 2.7.0 Heading classes with numbers as words (p-heading--one, --two, ...) are deprecated and will be removed in future release v3.0. Please use class names with numbers (p-heading--1, --2, ...) instead.

Status key

New

Newly released components, utilities or settings that are safe to use in projects.

Deprecated

These components, utilities or settings are in the process of being removed and should no longer be used in projects.

In progress

Design spec and code implementation are not yet finished.

Updated

These are existing components, utilities or settings that have been updated either through design or code.

Validated

Proposal approved in our bi-weekly meeting . A design spec is created and development starts ready for code review.