Release History

Learn about our latest updates, our release history, new guidelines, components, and tools.

  • v3.0.0

    December 2024 Download Release

    The Indigo Design System has reached a significant milestone with the release of Version 3.0.0, which includes the following updates:

    Code Base Update

    • The entire Indigo Design System has been updated to Vue.js 3.0, enhancing performance, compatibility, and maintainability.

    Style Update

    • Introduced new, approved accent color for Indigo Design System.
    • Source Sans 3 is now the default font for Indigo Design System.

    Component Updates

    • All components have been updated, with:
      • High-quality, production-ready code.
      • Updated documentation and examples for both Vue and HTML/CSS implementations.
      • Responsiveness improvements for modern devices.
    This release includes breaking changes.

    New Features

    For Developers
    • Vue 3 Migration.
      • Major refactor of the component library from Vue 2 to Vue 3 (including updates to project structure, build process with Vite, and dependency changes).
      • Components now use Vue 3’s setup, syntax and v-model updates where applicable (e.g., Checkbox.vue, Select.vue, DatePicker.vue).
    • Horizontal and Side Navigation Components
      • Introduced new Horizontal Navigation and Side Navigation components for streamlined site navigation. Includes responsive fixes, hover states, and alignment improvements. Includes responsive fixes, hover states, and alignment improvements.
    • Select Component
      • Switched from VSelect to VAutocomplete for better filtering and consistent UI.
      • Improved model-value handling for vee-validate.
    • New Multi-Select & Filter Components
      • The Multi-Select component from Indigo 2.0 has been renamed “Filter.” We have updated the styling of the Filter component to match global updates.
      • We created a new Multi-Select that is better-suited for forms and filters that require a large number of selections. The new component features select-all capability, truncated labels for large selections, and improved search text color.
    • Loader & Progress Bar Components
      • Added new loader variations.
      • Revised progress bar with updated icons and states.
    • New Sticky Anchor Links Component
      • Added a new Sticky Anchor Links component to help users track their position and navigate in longer documentation.
      • Introduced scroll-based “sticky anchor” functionality using ScrollMonitor.
    For Designers
    • UI Updates
      • Comprehensive rework of UI components to align with new Indigo 3.0 design patterns.
      • Refined UI Components with updated spacing, hover states, vertical alignment, and icon usage.
    • Updated component documentation pages with refined examples and usage tips.
    • New sections for design and layout, covering component anatomy and style variations.
    • Updated Dos and Don’ts section with new rules and standards for the Indigo Design System.
    • Downloadable design assets for Figma.
    • Redesigned icons in SVG and PNG formats.
    • Access to Indigo’s Figma Icon Plugin.
    • Pre-designed layouts and templates to accelerate mockup creation.

    Updates

    • Performance & Responsive Layout: Numerous small fixes for mobile/tablet breakpoints
      • Added mobile/tablet variants for key interactive components: Breadcrumbs, Pagination, Dropdown Menu, Button, Input Group, Date Picker, Input, Multi-Select, Select, Text Area, Radio Button Group, Radio Button, Checkbox Group, and Checkbox
    • Adjusted default container widths (1480px) and grid margins for larger screens
    • Accessibility & Event Handling
      • Fixed tooltip behavior, date picker colors, and “click” events for certain components without a callback handler.
      • Updated Accordion.vue click logic so it doesn’t capture all native clicks.
    • Data Table Improvements: Sorting icons added, revised tooltip alignment, and smaller bug fixes around styling and placeholders.
    • Documentation & Infrastructure
      • Improved README instructions (e.g., how to run Vue 3 locally).
      • Merged multiple pull requests consolidating bug fixes and finalizing version merges.

    Breaking Changes

    • Radio Buttons & Groups: Groups wrapped in indi-form_radio-button-group--container, with error and focus states.
    • To use the Multi-Select component, please import indigoVuetify:
      import { indigoVuetify } from "indigo-component-library/src/common/vuetify"; let app = createApp(App); app.use(indigoVuetify);
    • Migration to Vue 3
      • Many components changed their props, events, and/or v-model behavior to align with Vue 3 best practices.
      • If your project is still on Vue 2, you will need to upgrade before consuming this version.
    • Select Component Swap
      • VSelect replaced by VAutocomplete: usage, slots, and styling might differ from older versions. Existing consumers may need to update references and styling overrides.
    • Some internal classes and SCSS structures (e.g., for MultiSelect, Notification, DataTable) were refactored for consistency. Custom overrides may break if targeting removed classes.
    • Typography & Layout Adjustments: Header classes (indi-heading-level-*), paragraph utility classes, and grid breakpoints changed. If you were relying on the old naming or sizes, you’ll need to update.

    Tokens

    • New Typography Tokens indi-heading-level-1-display indi-heading-level-1-default with updated body-level fonts and line-heights.
    • Added new icons and color tokens with minor changes to match brand guidelines.
    • Adjusted grid spacing for extra-large screens (1608px+).
    • Introduced small spacing tokens for inputs, tooltips, and other UI elements.

  • v2.7.0

    October 19, 2023 Download Release

    New Features

    • Added new map icons.
    • Data Tables update: Keep selected rows after page switch (optional feature to maintain checkbox selection across pages).
    • Added text in DataTable tooltip. This makes Tooltip available for a text table cell.

    Bug Fixes

    • Fixed missing row number and cell number in Data Table row and cell IDs; added IDs to some components in Data Table component.

  • v2.6.0

    January 21, 2021 Download Release

    New Features

    • Checkbox support added to Data Tables and removed header slot left margin to allow header checkbox to align with body.
    • Added Progress Bars variation to prevent clicking on non-complete step.

    Bug Fixes

    • Filter Select All function bug fixed.
    • Period removed from end of "Displaying…" Pagination component .
    • "-fixed" added to Fixed Header row ID to remove duplicate ID for 508 compliance.

    Accessibility Improvements

    • Aria-label added to Checkbox.vue, checkbox cell in DataTable.vue, and DataTableHead.vue for 508 compliance.
    • Data Tables role changed from table to presentation and header ID property added for 508 compliance.
    • Reassigned icon in Success Message to decorative element for 508 compliance.

    Enhancements

    • Optional target parameter for hyperlink added to App Footer.

  • v2.5.0

    November 20, 2020 Download Release

    New Features

    • Search feature added to Indigo website.
    • Google analytics code added to Indigo website.

    Updates

    • Copyright year in App Footer updated.

  • v2.4.0

    March 5, 2020 Download Release

    New Features

    • Added four new Icons: bell, move-expand-vertical, move-shrink-vertical, sort

    Bug Fixes

  • v2.3.0

    February 24, 2020 Download Release

    New Features

    • Additional pagination slot added to accommodate filters.

    Bug Fixes

    • Data Table internal data model bugfix.

  • v2.2.0

    February 20, 2020 Download Release

    New Features

    • Filter created and documented.

    Updates

    • Data Tables documentation for advanced features: batch actions, responsiveness, cell highlighting, and inline data entry.
    • Restored static CSS asset build: Indi.css and Sprite now available in release ZIP file.

    Accessibility Improvements

    • Icons improved a11y structure.

  • v2.1.0

    January 17, 2020 Download Release

    New Features

    • Forms extended with smart defaults for autocapitalize, autocorrect, and autocomplete:
    • Added new Icons: checkmark, file-zip, map-globe, map-zoom-to-area.

    Updates

    • Forms: Deprecated groupLabel prop. Renamed to label for consistency.
      • Affects Input Groups, Checkbox Groups, and Radio Button Groups.
    • Data Tables introduced undocumented features: batch actions, responsiveness, cell highlighting, and inline data entry. Documentation coming in a future release.
    • Progress Bars darkened text color to improve accessibility and changed hover colors to improve usability.
    • Selects: Altered options prop syntax to simplify array format. Old format is deprecated.

    Accessibility Improvements

    • Help Text darkened text color to improve accessibility.

  • v2.0.0

    December 20, 2019

    This release converts all existing Indigo components and doc pages to the Vue.js framework.

    Backwards compatibility & breaking changes

    • This release includes breaking changes.
    • Product teams upgrading their Indigo dependency from v1.2.0 to v2.0.0 should be aware of and test for the breaking changes detailed in the release notes below.
    • Indigo markup is documented for both Vue and HTML to maintain backwards compatibility. The indi- namespace has not changed.

    Designers

    • Indigo Figma library accompanies v2.0.0 and matches its scope.
    • Components in Figma now use tokens for aspects of visual style, such as color and typography.
    • The library also includes upcoming components that haven't been built yet. These are clearly marked on the sticker sheets to avoid confusion.
    This release includes breaking changes.

    New Features

    • Created Layouts & Sample Pages demonstrating realistic compositions of all components. A code view for each page gives developers a model.
    • Tooltips: Icons now imported as Vue components with added annotation slots.
    • Homepage: Revised homepage design and content.

    Updates

    • Color Palette: Added $text-color-primary-on-dark token; updated blue-related tokens.
    • Forms: Divided into individual component pages; added to i-form to code examples; deprecated indi_input_row for Indigo Grid instead.
    • Notifications: Updated icon rendering to Vue components with color instead of fill.
    • Long Form Text: Adjusted spacing for headings and lists.
    • Modal: Updated guidance and code documentation.
    • Pagination: Bug fix, added prop for current page, improved documentation.

    Breaking Changes

    • Checkboxes & Groups wrapped in indi-form__checkbox-group--container, with error and focus state.
    • Date Pickers: Now uses V-Calendar Vue plug-in.
    • File Inputs: Promoted to full component from input modifier.
    • Radio Buttons & Groups wrapped in indi-form__radio-button-group--container, with error and focus states.
    • Selects: Updated error styles and normalized with other inputs.

    Tokens

    • Added $border-radius-s.

  • Pre-release v2.0.0-beta

    November 15, 2019

    This Beta preview release includes all existing components and doc pages converted to the Vue Javascript framework. Indigo markup is documented for both Vue and HTML.

    • A new version of the Indigo Figma library accompanies this release and matches its scope.
    • Expect a General Availability release that will replace the current v1.2.0 in December 2019. This release will include additional Vue documentation and tools for creating Vue applications.
    • This release has no breaking changes to HTML markup. However, the Vue framework option implies a breaking change to all future implementations, so the system version is incrementing to 2.0.0.
    This release includes breaking token changes to the color palette, detailed in the notes below.

    New Features

    • Tags: Added component and sink pages.
    • Page Shell Components: Alpha version includes AppHeader, AppFooter, HorizontalNav, updates to SideNav, and PageShell. Full layouts and applications coming in future releases.

    Updates

    • Color Palette: Adjusted interactive blues for accessibility. Deprecated $indi-color-blue-42 (replaced by $indi-color-blue-38) and accent colors $indi-color-accent-32 and $indi-color-accent-50. Added map-specific palette for points, fills, and ramps.
    • Breadcrumbs: Improved link color for accessible contrast.
    • Long Form Text: Updated H2 color from $indi-text-color-secondary-default to $indi-text-color-primary-default.

    Component Conversions to Vue

  • Pre-release v2.0.0-alpha

    October 4, 2019

    This Alpha preview release features a subset of components and doc pages converted to the Vue Javascript framework. Indigo markup will now be documented for both Vue and HTML.

    Expect a Beta preview release with additional components in about two sprints, followed by a fully converted General Availability release that will replace the current v1.2.0.

    This release has no breaking changes to HTML markup. However, the Vue framework option implies a breaking change to all future implementations, so the system version is incrementing to 2.0.0.

    Updates

    • About Pages: Pages: Converted to Vue, including Getting Started, Accessibility Standards, Feedback and Requests, and Release History.
    • Visual Style Pages: Converted to Vue, including Color, Logo, Space, and Typography.

    Component Conversions to Vue

    • Page Example: Form (Centered) converted to Vue.

  • v1.2.0

    September 15, 2017 Download Release

    New Features

    • Form Validations: Added prototype page for forms.
    • File Upload Guidelines: Publishes guidelines for file uploads.

    Updates

    • Typography: Changed H5 to semibold and responsive type sizes to mixins.
    • Long Form Text:
      • Added responsive type sizes and bottom margins.
      • Removed top margin on header elements when first child.
      • Added an implementation example with other components.
    • Forms:
      • Updated Legend to match H3. Changes Labels to match H5.
      • Adjusted Radio Button and Checkbox dimensions to 24px X 24px.
      • Updated Radio and Checkbox label font size to match body text and to accomodate long text with left indent.
      • Changed disabled form element colors to increase contrast.

    Improvements

    • Side Nav: Added JS to scroll active link into view.

  • v1.1.0

    August 18, 2017

    New Features

    • Forms: Adds Date Picker Input, File Input and File Upload.

    Updates

    • Icons
      • Adds vertically align modifier class.
      • Moves external link icon after text in links.
      • Adds IE SVG sprite support section to docs.

  • v1.0.1

    July 26, 2017

    New Features

    • Icons: Adds CSV file icon.

    Updates

    • Feedback and Requests: Updates Indigo Project Backlog link. Changes “usac.org” to “universalservice.org” in the footer.
    • Forms: Removes File input example pending further development.

  • v1.0.0

    June 15, 2017

    New Features

    • Loader: Published component page.
    • Modal: Published component page.
    • Grids: Published component page.
    • Home: Published home page.

    Updates

    • Doc Site: Adds footer.
    • Forms: Added File input style and example, changes font size on inputs and select menu, and adds example of inputs next to button.

    Improvements

    • Long Form Text: Added top margins to elements, removes bottom margins, and renames paragraph modifier class selectors.

  • v0.6.0

    June 2, 2017

    New Features

    • Tabs: Published component page.

    Updates

    • Base - Added basic html, body { margin: 0; padding: 0;} reset.
    • Doc Site: Added sticky header and scrolling left navigation column.

    Improvements

    • Tabs: Refactored component to fix overflow issue.
    • Form Elements: Added 100% width responsive behavior to Form specific grid on mobile. Removed required * and adds (optional) treatment for labels.

  • v0.5.0

    May 19, 2017

    New Features

    • Loader: Added component and sink page.
    • Tooltips: Published component page and removed javascript. Made tooltip right as default variation.
    • Page Examples: Added Form (Left Nav) and Form (Centered) prototype pages.
    • Side Nav: Added component and sink page.

    Updates

    • Forms: Added textarea, fieldset, legend and form specific input-group grid.
    • Logo: Published Logo usage.

  • v0.4.0

    May 9, 2017

    New Features

    • Tabs: Added component and sink page.

    Updates

    • Color: Updated color tokens to use lightness value and publishes doc page.
    • Space: Updated space tokens and publishes doc page.
    • Typography: Changed font from @import to web font <link>.

    Improvements

    • Tooltips: Added show/hide toggle on click behavior.
    • Modal: Added indi-modal--is-open modifier class.

  • Pre-release v0.2.0

    April 7, 2017

    New Features

    • Doc Site: Started Template
    • Icons: Added placeholder icons.
    • Tooltips: Added component and sink page.

    Updates

    • Buttons: Published component page. Removes alternative Secondary Button variation.

  • Pre-release v0.1.0

    March 24, 2017

    New Features

    • Base Environment.
    • Buttons: Added component and sink page.
    • Forms: Added component and sink page.