Release History

v4.0.0 – 02/26/21

Download Zip (compiled Assets) | Install via NPM (recommended)

What's New

Visual Language

  • Color – Updated colors to more closely align with updated NetApp Brand colors. All tokens remain the same.
  • Typography – Replaced Source Sans Pro with Helvetica Neue. Adjusted heading typographic scale.

Updated Components

  • Mastheads – Updated Mastheads to black. Removed light variations. Fixed issue where Masthead component may render partially obscured by the browser scrollbar.
  • Navigation – Updated Navigation component to black.

v3.1.0 – 05/06/19

Download Zip (compiled Assets) | Install via NPM (recommended) | v3.1.0 Archive

What's New

Visual Language

  • Color – Updated NetApp Brand blue back after inadvertently removing it.
  • Iconography – Updated icons to latest Google Material Design style and set the default size to 24x24 pixels.

Updated Components

  • Forms – Updated font weight for form labels and adjusted spacing for compressed forms.

New Components

Resources

v3.0.0 – 03/04/19

Download Zip (compiled Assets) | Install via NPM (recommended) | v3.0.0 Archive

What's New

In version 3.0.0 we updated the color palette for backgrounds, selected text, links and interactive colors. We also removed the color palette for accent colors. This change was made to align LUCI with NetApp Brand and to help with visual consistency across products that are using LUCI.

Visual Language

Background secondary colors

Figure: New secondary background colors New secondary background color image

Figure: Deprecated secondary background colors Old secondary background color image

Selected text colors

Figure: New selected state colors New selected color image

Figure: Deprecated selected state colors Old selected color image

Figure: New link colors New link color image

Figure: Deprecated link colors Old link color image

Interactive colors

Figure: New interactive colors New interactive color image

Figure: Deprecated interactive colors Old interactive color image

Updated Components

  • All components have been updated to match the new color visual language.

v2.6.0 – 11/02/18

Download Zip (compiled Assets) | Install via NPM (recommended) | v2.6.0 Archive

What's New

Visual Language

  • Favorite Icon – Updated the favorite icon to match the latest Google Material Design Icon style.
  • XML Icon - Added XML file icon.

Updated Components

  • Popovers – Updated the popover component to provide greater content and formatting flexibility.

New components

v2.5.0 – 8/31/18

Download Zip (compiled Assets) | Install via NPM (recommended) | v2.5.0 Archive

What's New

Visual Language

Updated Components

New components

v2.4.0 - 7/27/18

Download Zip (compiled Assets) | Install via NPM (recommended) | v2.4.0 Archive

What's New

Resources

  • SketchApp Sticker Sheet – Update and reorganization of the Sketch sticker sheet to contain a library, which is just an ordinary Sketch document that contains Symbols, Text Styles and Layer Styles

Updated Components

  • Data Tables – Enhancements include reorder and resize columns, and nested and expandable rows
  • Icon only Button – Updates to the default, hover, focus, and selected states
  • Popovers – Deprecating current version of Popovers in preparation for future revisions

New Components

v2.3.0 - 4/27/18

Download Zip (compiled Assets) | Install via NPM (recommended) | v2.3.0 Archive

What's New

Visual Language

Resources

  • Upgrade from LUCI 1.0 to LUCI 2.0 - Added instructions on how to upgrade from LUCI 1.0 to LUCI 2.0
  • Semantic Versioning - Added documentation about how LUCI uses semantic versioning to inform users of breaking changes, updgrade changes, and bug fix changes
  • How to Upgrade - Added instructions on how to upgrade LUCI using npm or compiled assets

Updated Components

  • Icon only Button - Fixed hover state and fixed spacing so that the icon only button has equal padding on all sides
  • Forms - Added read-only state to form controls
  • Buttons Do's and Dont's - Added a recommendation to use title case for button labels

New Components

v2.2.0 - 2/2/18

Download Zip (compiled Assets) | Install via NPM (recommended) | v2.2.0 Archive

What's New

Visual Language

  • Type Samples - Added responsive typography specifications
  • Marketing Font Family - Added who to contact to use the Gotham font family on a marketing-focused website

Resources

Updated Components

  • Forms - Added a compressed form variation and updated the input style width to 100%
  • Buttons - Added an icon only button variation
  • Popovers - Added more popover states and updated documentation

New Components

v2.1.0-beta.1 - 12/8/17

What's New

Resources

Components

v2.0.0-alpha.1 - 11/3/17

What's New

Visual Language

Resources

Components

LUCI v1.0

EOL Update

We've made substantial design, code, and architectural improvements with LUCI 2.0. However, if you still need to reference original assets you can do so at the LUCI 1.0 archive.

View the archive

Upgrade from LUCI 1.0 to LUCI 2.0

LUCI 2.0 uses a different namespace for class names, which is more aptly name .luciinstead of .n.

The change in class names allows us to remove any dependency from LUCI 1.0 and not introduce regression as we update and maintain LUCI 2.0. In theory, your team could support both versions as a result. For example, if you wanted to use the LUCI 2.0 button styles and use the property bar available in LUCI 1.0, you can update your buttons with the class name .luci-button .luci-button--primary.

Semantic Versioning

Each update to LUCI follows the Semantic Versioning process, which is a set of rules and requirements that dictate how version numbers are assigned and incremented based on a major, minor, or patch to the LUCI project.

Patch version Z (x.y.Z | x > 0) is incremented when backwards compatible bug fixes are introduced. A bug fix is defined as an internal change that fixes incorrect behavior.

Minor version Y (x.Y.z | x > 0) is incremented if new, backwards compatible functionality is introduced. It is also incremented if any functionality is marked as deprecated.

Major version X (X.y.z | X > 0) is incremented if any backwards incompatible changes are introduced.

How to Upgrade

If using NPM (recommended), run: npm update @netapp/luci --save from the root of your project.

If using compiled assets: download the latest zip files.