Release History

What's New

• spec html css js

  Remove default fill from Mystery Science logo

What's New

• spec html css js

  Add Mystery Science product logo and colors (Not officially on docs yet)

What's New

• spec html css js

  Updated qa-code icon

What's New

• spec html css js

  Updated graphic-organizer icons and added new icons

What's New

• spec html css js

  Updated pathway and goldenrod color palettes

What's New

• spec html css js

  Added pathway product logo icon

• spec html css js

  Added pathway and goldenrod color palettes

What's New

• spec html css js

  Added math, and social-studies product logo icons

What's New

• spec html css js

  Added eye-hidden icon

What's New

• spec html css js

  Updated Icons with new icons for science middle and elemenetary, health, and upload.

Bugfixes

• spec html css js

  Fixed a bug where some icons would not fill properly

What's New

• spec html css js

  Updated color system with Secondary and Surf colors. Updated buttons with new product themes

What's New

• spec html css js

  Added Secondary product logo icon

What's New

• spec html css js

  Updated Espresso product logo icon

What's New

• spec html css js

  Added new icons for Content Collections and Featured Programs

What's New

• spec html css js

  Cleaned up Espresso and Coding icons to allow the fill attribute to be used

What's New

• spec html css js

  Added new icons for Immersive Reader, Slideshows, and Community

Bugfixes

• spec html css js

  Updated build to properly name svgs on build regardless of OS

• spec html css js

  Fixed link to wrong favicon in docsite template

What's New

• spec html css js

  Added new icons for Espresso, Coding, and Language Switcher

Bugfixes

• spec html css js

  Added back color tokens to fix unintentional breaking change in 2.36.0

What's New

• spec html css js

  Added new Curriculum Connect product icon

What's New

• spec html css js

  Overhauled color system, deprecated multiple colors

• spec html css js

  Added new Techbook Icons

What's New

• spec html css js

  Added Core Design Principles doc page

• spec html css js

  Added Health and Relationships Icon

Enhancements

• spec html css js

  Updated Tophat component for RTL layout

• spec html css js

  Updated Tags component for RTL layout

Bugfixes

• spec html css js

  Fixed an issue with fonts blocking rendering

Enhancements

• spec html css js

  Added accessibility and added color function

• spec html css js

  Updated Global Nav component for RTL layout

• spec html css js

  Updated List Group component for RTL layout

• spec html css js

  Updated Popovers component for RTL layout

• spec html css js

  Updated Pills component for RTL layout

• spec html css js

  Updated Tabs component for RTL layout

Enhancements

• spec html css js

  Added javascript code to add direction 'rtl' to the example block

• spec html css js

  Added html tags for 'rtl' layouts based on Doc or Prod environment

• spec html css js

  Added wrapper div for Dropdown Menus and styles for 'rtl layout

• spec html css js

  Updated Block Message component for RTL layout

• spec html css js

  Updated Button component for RTL layout

• spec html css js

  Updated Button Groups component for RTL layout

• spec html css js

  Updated Callout component for RTL layout

• spec html css js

  Updated Card component for RTL layout

• spec html css js

  Updated Data Table component for RTL layout

• spec html css js

  Updated Dialog component for RTL layout

• spec html css js

  Updated Embedded Media component for RTL layout

• spec html css js

  Updated Footer component for RTL layout

• spec html css js

  Updated Form component for RTL layout

What's New

• spec html css js

  Updated Channel Icon

What's New

• spec html css js

  New Interface Icons

What's New

• spec html css js

  New Interface Icons

What's New

• spec html css js

  New Interface Icons

• spec html css js

  Updated color variables in documentation

Bugfixes

• spec html css js

  Fixed an issue with icons displaying properly

What's New

• spec html css js

  New Information Icon

Bugfixes

• spec html css js

  Fixed an issue with Toggle Buttons not displaying properly

What's New

• spec html css js

  New Icons

Enhancements

• spec html css js

  Updated Buttons with additional color options

What's New

• spec html css js

  Feature Card sink, docs in progress

• spec html css js

  New Information Icon

Enhancements

• spec html css js

  Removed Titles from Icons for Accessibility

Bugfixes

• spec html css js

  Fixed a bug with popovers and RTL displays

• spec html css js

  Fixed an event bug with dropdowns

Enhancements

• spec html css js

  Fixed tagging issue

Enhancements

• spec html css js

  Removed Source Maps from output css

Enhancements

• spec html css js

  Added new Icons

• spec html css js

  Added new Colors

Enhancements

• spec html css js

  Added new Icons

Enhancements

• spec html css js

  Added new Icons

Enhancements

• spec html css js

  Added new Icons

Enhancements

• spec html css js

  Added new interface Icons

What's New

• spec html css js

  Updated to doc site organization

Bugfixes

• spec html css js

  Fixed issue with icon spacing

Enhancements

• spec html css js

  Added new interface Icons

Enhancements

• spec html css js

  Added new interface Icons

Enhancements

• spec html css js

  Added new interface Icons

Enhancements

• spec html css js

  Added new interface Icons

Enhancements

• spec html css js

  Added focus state to Cards

Enhancements

• spec html css js

  Added new interface Icons

What's New

• spec html css js

  Comet Tiles

Enhancements

• spec html css js

  Generic (gray, and white) Callout variations

• spec html css js

  Added new interface Icons

Bugfixes

• spec html css js

  Fixed an issue with Global Nav and ARIA attributes

• spec html css js

  Fixed an issue resulting in multiple Footers

• spec html css js

  Fixed an issue with Button borders causing inset shadows

What's New

• spec html css js

  Added new interface Icons

What's New

• spec html css js

  Added new visited link color

Bugfixes

• spec html css js

  Corrected NGSS icon

What's New

• spec html css js

  Added new interface Icons

Bugfixes

• spec html css js

  Fixed issue with new button borders

• spec html css js

  Fixed an issue with takeover modals and new shadows

What's New

• spec html css js

  Documentation for contributing to Comet

Enhancements

• spec html css js

  Added hover state to Data Table rows

What's New

• spec html css js

  Updated shadows tokens and beginning motion work

Enhancements

• spec html css js

  Updated Downloads Page

• spec html css js

  Updated Shadows on Modals, Tooltips, and Popovers

Bugfixes

• spec html css js

  Updated Product Bar

• spec html css js

  Updated Global Nav

What's New

• spec html css js

  Added light and dark variations to Cards

• spec html css js

  Added additional Icons

Enhancements

• spec html css js

  Updated Product Bar Docs

• spec html css js

  Updated Tophat Docs

What's New

• spec html css js

  Added responsive functionality to Data Tables

Enhancements

• spec html css js

  Updated Product Bar focus styling

• spec html css js

  Added dense layout alternative to Forms

Enhancements

• spec html css js

  Added additional Icons

• spec html css js

  Added max height and scroll to Dropdowns

Bugfixes

• spec html css js

  Fixed a bug with Global Nav jitter in some browsers

• spec html css js

  Fixed a font bug in Top Hats

What's New

• spec html css js

  Added additional Icons

Enhancements

• spec html css js

  Minor Global Nav and Product Bar updates

What's New

• spec html css js

  New Homepage!

• spec html css js

  Added additional Global Nav Icons

• spec html css js

  Added new Assignment Palette to Color

Enhancements

• spec html css js

  Updated Product Bar

Bugfixes

• spec html css js

  Updated the size reference diagram for Icons

What's New

• spec html css js

  Added new Global Nav Icons

Enhancements

• spec html css js

  Added search functionality to Product Bar

• spec html css js

  Updated Global Nav

Bugfixes

• spec html css js

  Fixed a bug when not adding alt text to thumbnails

• spec html css js

  Removed last arrow from breadcrumb

Enhancements

• spec html css js

  Accessibility updates for Buttons

• spec html css js

  Accessibility updates for Dropdowns

• spec html css js

  Accessibility updates for Forms

• spec html css js

  Accessibility updates for Global Nav Logo

• spec html css js

  Accessibility updates for Icons

• spec html css js

  Accessibility updates for List Groups

• spec html css js

  Accessibility updates for Popovers

• spec html css js

  Accessibility updates for Tooltips

Bugfixes

• spec html css js

  Fixed a bug introduced to button in 2.16.0

What's New

• spec html css js

  Added new tools Icons

Enhancements

• spec html css js

  Accessibility updates for Buttons

• spec html css js

  Accessibility updates for Block Messages

• spec html css js

  Accessibility updates for Cards

• spec html css js

  Accessibility updates for Pills

• spec html css js

  Accessibility updates for Footer

• spec html css js

  Accessibility updates for Data Tables

• spec html css js

  Accessibility updates for Button Groups

What's New

• spec html css js

  Added 3 new Icons

• spec html css js

  Tags

• spec html css js

  Modals

Enhancements

• spec html css js

  Updated typography and long form text docs with more detailed information

• spec html css js

  Updated getting started docs with information about comet for prototypes

Bugfixes

• spec html css js

  Fixed an accessability issue for pill styles

• spec html css js

  Fixed an accessability issue for product bar styles

What's New

• spec html css js

  Added 2 new Icons

Enhancements

• spec html css js

  Updated button docs with additional information about disabled buttons

Bugfixes

• spec html css js

  Fixed a bug where full-width embedded images could display duplicate images

• spec html css js

  Fixed a bug where dialogs would error out

What's New

• spec html css js

  Spinners

• spec html css js

  Downloads page now available

Bugfixes

• spec html css js

  Spinners updated sink url on doc page

• spec html css js

  Fixed a build issue caused by the new sticker sheet.

What's New

• spec html css js

  Modals (Not Yet Documented)

• spec html css js

  Kitchen Sink doc pages are now included in Component nav

Enhancements

• spec html css js

  Vertical Text Crop Mixin

Bugfixes

• spec html css js

  Fixed a bug with form errors displaying improperly

• spec html css js

  Fixed a bug with modal sizing

Bugfixes

• spec html css js

  Fixed a bug with dialogs displaying improperly in IE10-11

Enhancements

• spec html css js

  Split and Toggle Buttons display additional variations in docs

Bugfixes

• spec html css js

  Fixed broken links on Cards doc page

What's New

• spec html css js

  Spinners (Not Yet Documented)

• spec html css js

  Profile Dropdown (Not Yet Documented)

• spec html css js

  Comet Color light and dark theming overhaul

Bugfixes

• spec html css js

  Fixed an incorrect link on the docs page

• spec html css js

  Version locked Grunt-Contrib-Compress to prevent browser-sync interference

What's New

• spec html css js

  Dialogs

• spec html css js

  Button Groups

Enhancements

• spec html css js

  Split and Toggle Buttons

• spec html css js

  Buttons display fixed when using input types

• spec html css js

  Callouts updated to properly support lists

Bugfixes

• spec html css js

  Force Nunjucks below 3.0.0 due to bug introduced in 3.0.0

Enhancements

• spec html css js

  Dialogs updated to reflect new philosophy (Not Yet Documented)

What's New

• spec html css js

  Dialogs (Not Yet Documented)

• spec html css js

  Modal Shell (Not Yet Documented)

Enhancements

• spec html css js

  New vertical-text-crop() mixin added and inset-line-height-adjustment() deprecated for removal in 3.0.0

Bugfixes

• spec html css js

  Fixed issue where popovers were displaying incorrectly because of dropdown code

What's New

• spec html css js

  Callouts

• spec html css js

  Tabs

• spec html css js

  Dropdown Menus

Enhancements

• spec html css js

  Tooltips can now be used on img and input elements

• spec html css js

  Icons Icon library now includes icons used in “Asset Detail” interface and a new toolbox icon to be used in the Math TB tool tray.

What's New

• spec html css js

  Popovers

• spec html css js

  Dropdown Menu (not yet documented)

• spec html css js

  New “triangle-up” and “triangle-down” icons

• spec html css js

  New STEM product theme colors

Enhancements

• spec html css js

  Embedded Images Added contained image variation

Bugfixes

• spec html css js

  Fixed issue where Card links did not have a hover state

What's New

• spec html css js

  Callouts (not yet documented)

Enhancements

• spec html css js

  Embedded Videos Duration pill style aligned with Card. Improved play button hover state.

• spec html css js

  Icons New “Did you know?” callout icon.

• spec html css js

  Icons New section added for callout-specific icons.

• spec html css js

  Popovers now reposition on window resize.

Bugfixes

• spec html css js

  Popovers now dismiss on tap away on mobile devices.

Bugfixes

• spec html css js

  Updated script to clean up after npm

Bugfixes

• spec html css js

  Added script to clean up after itself during build process.

Bugfixes

• spec html css js

  Fixed issue where npm module was not including the current release.

What's New

• spec html css js

  Block Messages component

• spec html css js

  Cards component

• spec html css js

  Embedded Videos component

• spec html css js

  Top Hat component

Enhancements

• spec html css js

  Increased specificity of lead paragraph class in the Long Form Text component

• spec html css js

  Normalized transition speed for hovered effects in Forms, Global Nav Bar, List Group, Product Bar, Top Hat,

• spec html css js

  Tooltips - Top and bottom variations automatically shift to display within viewport

• spec html css js

  Tooltips - Accessibility updates

Bugfixes

• spec html css js

  Revised Icon macro rendering when class is omitted.

• spec html css js

  Removed unused variables in invalid rules from defined components

• spec html css js

  Tooltip fixes for screen reader accessibility, long content bleeds on IE11, and viewport edge impacts

• spec html css js

  Tooltips - Text no longer overflows

• spec html css js

  Tooltips - Fixed nub placement for shifted variations that are flipped

Bugfixes

• spec html css js

  Fixed issue where npm module was not including the current release.

What's New

• spec html css js

  Block Messages component

• spec html css js

  Cards component

• spec html css js

  Embedded Videos component

• spec html css js

  Top Hat component

Enhancements

• spec html css js

  Increased specificity of lead paragraph class in the Long Form Text component

• spec html css js

  Normalized transition speed for hovered effects in Forms, Global Nav Bar, List Group, Product Bar, Top Hat,

• spec html css js

  Tooltips - Top and bottom variations automatically shift to display within viewport

• spec html css js

  Tooltips - Accessibility updates

Bugfixes

• spec html css js

  Revised Icon macro rendering when class is omitted.

• spec html css js

  Removed unused variables in invalid rules from defined components

• spec html css js

  Tooltip fixes for screen reader accessibility, long content bleeds on IE11, and viewport edge impacts

• spec html css js

  Tooltips - Text no longer overflows

• spec html css js

  Tooltips - Fixed nub placement for shifted variations that are flipped

What's New

• spec html css js

  Page Shell For use with Global Nav Bar and Product Bar

• spec html css js

  Global Nav Bar For use with Page Shell and Product Bar

Enhancements

• spec html css js

  Product Bar Documentation Updates

• spec html css js

  Top Hats - Accessibility Updates

• spec html css js

  Thumbnails - Print and Accessibility Updates

• spec html css js

  List Groups - Print and Accessibility Updates

• spec html css js

  Grids - Fix IE 11 Display Bug

• spec html css js

  Forms - Form accessibility and spacing updates

• spec html css js

  Buttons - Button color and accessibility updates

Bugfixes

• spec html css js

  Fixed issue where @import path in popovers.styl broke Stylus build from npm module.

What's New

• spec html css js

  Product Bar

• spec html css js

  Accessibility Guidelines

• spec html css js

  Card component (not yet documented)

• spec html css js

  Thumbnail component

• spec html css js

  Tophats (not yet documented)

• spec html css js

  Block Messages (not yet documented)

• spec html css js

  Popovers (not yet documented)

Enhancements

• spec html css js

  Row component: Added modifier class to apply white background in cases when page background isn’t white.

• spec html css js

  SVG accessibility update: Add title to SVG icons.

• spec html css js

  Updated --ghost and --flat buttons with --on-dark variations

What's New

• spec html css js

  Row component

• spec html css js

  Pill component Overlay variation, for use as duration over thumbnail images

• spec html css js

  Tooltip component

Enhancements

• spec html css js

  Messaging/feedback color variations (default, dark, light), including accessibility

• spec html css js

  Accessible Product Theme Colors

• spec html css js

  Global project variable references and paths for use across components and icons

• spec html css js

  List group component extensions (based on Asset Detail project)

• spec html css js

  Arrow-upper-right icon

What's New

• spec html css js

  Footer component

Enhancements

• spec html css js

  Row adjustments to add modifier classes and row_inner controls (not yet documented)

• spec html css js

  Animation tokens

• spec html css js

  Fix incorrect spacing of form radio buttons and checkboxes

• spec html css js

  Icon Guidelines for details around composing consistent icons

What's New

• spec html css js

  List group component

• spec html css js

  Pill component

• spec html css js

  Embedded image component

• spec html css js

  (Introductory) Data table component

Enhancements

• spec html css js

  Improved README

• spec html css js

  Additional Icons for Copy, Share, and Download

What's New

• spec html css js

  Long form text component

• spec html css js

  Getting Started documentation

• spec html css js

  Feedback & Requests documentation

Enhancements

• spec html css js

  Comet namespacing from deds (working name) to comet (final name)

• spec html css js

  Icons normalization and culling for v1 collection

• spec html css js

  Form documentation

• spec html css js

  Button macro reference

• spec html css js

  Grid namespaces and options

• spec html css js

  Tokens updates for lead paragraphs, z-indices and documentation

• spec html css js

  Typography documentation

What's New

• spec html css js

  Comet home page

• spec html css js

  Button component

• spec html css js

  Space visual style

• spec html css js

  Add .comet-screenreader-only utility class to visually hide elements but preserve content for accessibility

Enhancements

• spec html css js

  Color with contrast, product themes, and additional options

• spec html css js

  Typography with webfont weight, styling, and removing Open Sans from the library

• spec html css js

  Tokens for links, background colors, transitions, shadows, font sizes, and product themes

What's New

• spec html css js

  Forms component

• spec html css js

  Grids component, a stylus port of Foundation 6's flexbox-based grid

• spec html css js

  Color visual style

• spec html css js

  Typography visual style draft, including webfonts

Enhancements

• spec html css js

  Tokens for disabled colors, space, border and grid

What's New

• spec html css js

  Base environment

• spec html css js

  Tokens file as stylus and JSON variable source, including color, space, and type.

• spec html css js

  SVG icon library and use documentation