NDS Release v1.0.8

NDS Release v1.0.8

New Components

• Local Navigation: A component that allows users to navigate pages of a site section. Accessible to both Static Site Builder and NDS Drupal Theme users.
• Page Contents: A navigation element that automatically pulls out H2’s from a page and creates a linked list, providing easier access to page contents.

Global Asset Changes & Fixes

• Update: Changed NDS to use “Soft Shadowing” from Material Design. Updated components and elements to reflect this change.
• Update: Added the Stickybits library to NDS.
• Update: Added letter spacing SCSS variables and applied them to NDS elements.
• Update: New accordion feature that allows users to link directly to a section. This will scroll the user to that section and open the specified accordion.
• Update: Added grayscale color variables. Applied variables to components.
• Update: Changed the hover/focus hex value for all primary theme colors to be 50% darker than the base.
• Update: Changed Alert pattern styling to use proper heading color.
• Update: Made the link parameter in Search Result Block optional.
• Update: Increased right padding on Status Block.
• Update: Changed the spacing on the Component Media pattern.
• Issue: Fixed alignment issue with breadcrumbs.
• Update: Updated the Primary Navigation markup to eliminate the inner wrapper.
• Update: Changed the active page styling for the Primary Navigation component.
• Update: Added a border-link variable.
• Update: Added global styles for printing.
• Update: Adjusted spacing of list items.
• Update: Changed color of the horizontal rule element to a lighter gray.
• Update: Added corner theme support for the Text Chip element.
• Update: Added a utility function to help define sticky elements.

Static Site Builder Changes & Fixes

• Update: Update: Modified the Gulpfile to improve the Static Site Builder and Drupal build and maintenance process:
  • Boolean-based sourcemaps generation.
  • Added copyGlobalFonts and copyGlobalTwigComponents functions to Gulp.
  • Modified “transfer” Gulp aggregate.
  • Added more directories to the list of “cleaned” directories in Gulp.
• Update: Added Twig filters to the NDS source code to support Local Navigation in Drupal and static environments.
• Update: Added sourcemaps to .gitignore.

NDS Documentation Site Changes & Fixes

• Update: Updated components to reflect new shadow styling.
• Update: Updated the Design → Shadows documentation to reflect new shadowing strategy.
• Update: Added the Local Navigation and Page Contents patterns to the documentation site.
• Update: Updated the navigation to reflect the above component additions.
• Update: Modified Gulpfile to include standardizing updates.
• Issue: Fixed issue of code snippet rendering by providing a special tag if showing references to scripts and links.
• Update: Capped the max height of code snippet views.
• Update: Added Stickybits to the list of NDS libraries in the Development page.
• Update: Upgraded the Font Awesome version.

NDS Drupal Theme

• Update: Modified Gulpfile to include standardizing updates.

Fixes Made During Testing 1.0.8

• Issue: Fixed analytics tracking for Primary Navigation.
• Update: Added new public method for formatting data attributes.
• Update: Added data attribute support for Local and Page Contents Navigation.
• Issue: Handled the Page Contents Navigation component styling on mobile.
• Update: Added a 4th column to the global footer.

NDS Release v1.0.7

NDS Release v1.0.7

New Components

• N/A

Global Asset Changes & Fixes

• Update: Removed the .gitmodules file from the main repository.
• Update: Moved the image in the Default Block to be on the right of the card.
• Update: Increasing the font size of the Navigation Breadcrumbs text.
• Update: Added border variables for blocks, input, and transparent. Updated patterns to use the new variables.
• Update: Made the background of the Block Facet transparent.

Static Site Builder Changes & Fixes

• Issue: Fixed issue with the addPage function in the gulpfile that prevented deeply nested pages from generating.

NDS Documentation Site Changes & Fixes

• Update: Added a .gitmodules file for inclusion in the SSB build.
• Issue: Fixed issue with the addPage function in the gulpfile that prevented deeply nested pages from generating.

NDS Drupal Theme

• N/A

Fixes Made During Testing 1.0.7

• N/A

NDS Release v.1.0.6

NDS Release v1.0.6

New Components

• Error Block: The error block is used predominately as a display for 404 and 403-type errors. It includes two block regions for full content customizability.

Global Asset Changes & Fixes

• Update: Updated dependencies to later versions to address vulnerabilities.
• Update: Updated the following patterns to prepare for Pattern Lab 3.0 upgrade:
  • Layouts Main
  • Block Hero
  • Block Search Result
  • Component Modal
  • Input Group Select
  • Navigation Mobile Rail
  • Global Footer
  • Generic Template
• Update: Added support for data attribute tagging of facets (requirement of NDP).
• Update: Adjusted font sizes and weights for H1’s and H3’s.
• Update: Changed the padding on the code HTML element.
• Update: Changed the maximum width for the body layout to 1280px.
• Update: Changed visual style of the Featured Content Card pattern.
• Update: Updated the styling for the Was This Page Helpful block (inspired by the Inside NIAID design).
• Update: Added package-lock.json to repo for better dependency tracking and management.
• Update: Changed border to the light style for the Icon Circle pattern.
• Update: Changed input labels to semibold font weight.
• Update: Changed the layouts_body_vertical_padding to layouts_body_top_padding in the Layouts Body component.
• Update: Added support for telephone links, modified the demo pattern to reflect this support.
• Update: Added the ext-link-footer class to footer links to suppress the underline normally.
• Issue: Fixed spacing issue with the mailto icon, adjusted the vertical alignment of icon.
• Update: Adjusted sizing and line height of the Text Image Credit Caption component.
• Update: Changed heading font weight in blocks to reflect the global heading styling.
• Update: Changed the wrapping element to an in the Navigation Breadcrumbs component. Changed the visual style to make text semibold and adjusted spacing.
• Update: Changed the separating lines to light in the Navigation Drawer component.
• Update: Added a new medium line-height SCSS variable.
• Issue: Fixed issue with margins inside of Drupal blocks.
• Update: Removed the shadowing from the Body Layout when using the shadow style.

Static Site Builder Changes & Fixes

• Issue: Fixed issue in generating sourcemaps for CSS and JS. Sourcemaps will be omitted on production builds.
• Update: Created new command to build production: gulp build --production
  • Without the --production flag, sourcemaps for JS and CSS are generated.
• Issue: Fixed path to the NDS source submodule in the gulpfile.
• Update: Created a new Error page example.
• Update: Reordered package declarations at top of Gulp file to be alphabetical.
• Update: Added breadcrumbs to the Generic page example.

NDS Documentation Site Changes & Fixes

• Update: Redesigned the NDS Doc Site home page to add more visual interest.
• Issue: Fixed issue in generating sourcemaps for CSS and JS. Sourcemaps will be omitted on production builds.
• Update: Updated dependencies to later versions to address vulnerabilities.
• Update: Moved the Font Awesome Pro and Migration Guide to fall under the Development section.
• Update: Added documentation for the Error Block pattern.
• Update: Added a 404 page to the NDS Doc Site.
• Update: Updated documentation for npm installs from “npm install” to “npm ci” on the SSB and Drupal Theme pages.
• Update: Updated SSB documentation to reflect new build command.
• Update: Added package-lock.json to repo for better dependency tracking and management.
• Update: Updated submodule update task in gulpfile, simplified the transfer to build function.
• Update: Created a new “Featurette Block” for feature use.
• Update: Changed visual style of the custom tout pattern.
• Update: Updated font weight and size of the TOC nav.
• Update: Added the Policy site (NDP) to the footer.
• Update: Updated the library version numbers on the Development page, removed USWDS from dependencies.
• Update: Updated heading table on Design to reflect visual changes.

NDS Drupal Theme

• Update: Removed the NDS submodule from the repo (it is expected to be installed when running gulp init).
• Update: Updated dependencies to later versions to address vulnerabilities.
• Issue: Fixed issue in generating sourcemaps for CSS and JS. Sourcemaps will be omitted on production builds.
• Update: Added package-lock.json to repo for better dependency tracking and management.

Fixes Made During Testing 1.0.6

• Issue: Fixed issue with the WTPH button styling on different themes.
• Issue: Removed the border on the Error Block when using without shadowing.
• Update: Added better alternative text for the Error Block image.

NDS Release v.1.0.5

NDS Release v1.0.5

New Components

N/A

Global Asset Changes & Fixes

• Update: Rewrote component JavaScript files to utilize a modern, “modular” format that is more flexible for any type of project. Included an “init.js” file to initialize each JS module.
• Update: Moved final location of generated nds-min.js file out of js/global/ to js/.
• Update: Changed “source” directory to “src.”
• Update: Changed “public_html” directory to “dist.”
• Update: Updated the NDS LICENSE file.
• Update: Added autoprefixer to Gulp CSS process.
• Issue: Removed test data from the Document Icon demo pattern.
• Issue: Removed external link icon from footer caret links.
• Update: Made the URL visibility optional in the Search Block molecule.

Static Site Builder Changes & Fixes

• Update: Added autoprefixer to Gulp CSS process.
• Issue: Restored missing .gitignore file.
• Update: Added a more specific command for updating the NDS submodule.

NDS Documentation Site Changes & Fixes

• Update: Updated the Working with NDS section on the NDS SSB and NDS Drupal Theme pages to include information on updating NDS.
• Update: Updated documentation on the NDS Drupal Theme page to include more robust Getting Started instructions.
• Update: Changed the Getting Started navigation to go directly to pages instead of sections, removed the Quick Start option.
• Update: Changed “source” directory to “src.”
• Update: Changed “public_html” directory to “dist.”
• Update: Updated README to explain new directory names.
• Update: Added autoprefixer to Gulp CSS process.
• Update: Added header to distribution CSS and JS files via Gulp.
• Update: Cleaned up unneeded folders.
• Update: Removed heading styles override classes.
• Update: Support page updated with 1.0.5 release notes.

NDS Drupal Theme

• Update: Reorganized the theme for better interaction with the NDS submodule.
• Update: Added a “gulp init” function to pull files into a new patternlab/ directory.
• Update: Changed “source” directory to “src.”
• Update: Added .gitignore file to repository.
• Update: Updated README to include updated initialization instructions.

NDS Release v1.0.4

NDS Release v1.0.4

New Components

• Input Validation: A pattern used to report issues with user input in forms. Used in conjunction with NDS Input Group components.
• Toast: A component to show small status messages to users.

Global Asset Changes & Fixes

• Update: Added a light border to the Document Icon pattern on the non-shadow theme style. Removed adjacent external link icons if present.
• Update: Adjusted font weights and sizes of headings to improve readability.
• Update: Tightened spacing between search chips.
• Update: Added styles to support document-based search results.
• Update: Adjusted the spacing/padding of the Form Facet component.
• Update: Added an error class to support revealing the Input Validation text.
• Update: Updated all Input Group patterns to use the Input Validation component. Updated the documentation of each pattern.
• Update: Updated the block statements in the generic template component.
• Issue: Fixed issue with the font declaration classes for the Martel font.
• Issue: Fixed display issue on the Datepicker component where the flyout was not properly positioned.
• Update: Updated Merriweather font declarations for fallback weights for those which the font does not support natively.
• Update: Added two “display classes” for headings.
• Update: Removed unneeded CSS from the Search Form styling on corners.
• Update: Removed unneeded CSS from the form-text class and added no shadows to facets block.
• Update: Added data-nav support for Dropdown Toggle in Primary Navigation component.
• Update: Adjusted spacing of the credit and caption.
• Update: Added Document Badge functionality to document links.
• Update: Improved responsive behavior of the Status Message block.

Static Site Builder Changes & Fixes

• Update: Added page examples to help the start process. Examples include: Generic, Search, Form
• Update: Added a new gulp command to sync with NDS updates.

NDS Documentation Site Changes & Fixes

• Update: Broke out the Components page into three separate pages for Atoms, Molecules, and Organisms.
• Update: Added a Support Page (accessible in footer) for users to get help if they need it.
• Update: Added documentation for the Toast component.
• Issue: Fixed problem where the SSB Readme was empty in the package.
• Update: Added documentation about Display classes on the Design page.

NDS Drupal Theme

• N/A

Fixes Made During Testing 1.0.4

• Global: Fixed spacing on USWDS toggle for Safari.
• Global: HR alignment issue on IE.
• Global: Updating coverage for the “body” theme style (adding spans, divs, and placeholder text).

NDS Release v1.0.3

NDS Release v1.0.3

New Components

N/A

Global Asset Changes & Fixes

• Update: Reduced the amount of Bootstrap SCSS dependency in NDS components. Significantly altered components following reduction:
  • Accordion Component
  • Modal Component
• Update: Implemented Responsive Font Sizing (RFS) feature from Bootstrap for headings.
• Updated components with headings to leverage RFS.
• Update: Added height: auto on image in Default Block to override Drupal-set heights.
• Update: Added display: block to the .media class for Drupal.
• Issue: Fixed issue with font sizing in input fields.
• Update: Added additional padding for medium size screens in the Layouts Body component.
• Update: Changed NDS Blocks styling to use a lighter border color.
• Issue: Fixed issue with Mobile Rail height on certain browsers.
• Update: Added font sizing variables.
• Update: Added Bootstrap-based Display headings.
• Update: Reordered the z-index of modal and dropdown components.
• Update: Changed body background color to use “background-color” as opposed to “background” following Bootstrap best practice.
• Issue: Added Theme Styling support for modals.

Static Site Builder Changes & Fixes

N/A

NDS Documentation Site Changes & Fixes

• Issue: Fixed issue where design files were not available for download.
• Update: Updated language surrounding Bootstrap usage on Development page.
• Update: Updated font sizing table on the Design page.
• Update: Added documentation about Responsive Font Sizing (RFS) on the Design page.
• Update: Added data-nav attributes to the main primary menu links.
• Issue: Fixed JS Bundled Zip not containing any files.

NDS Drupal Theme

N/A

NDS Release v1.0.2

NDS Release v1.0.2

New Components

• N/A

Global Asset Changes & Fixes

• Update: The official NDS repository now houses only official assets.
• Update: Modified “disabled” button style to be more clear.
• Update: Changed border color on tables without shadow.
• Issue: Fixed missing open/close buttons on DataTables with wrapped columns.
• Update: Created SASS variables for single-spaced line-height: $line-height-small.
• Update: Add font stack SASS variables and replaced some SASS definitions with these variables.
• Update: Changed the default visual style for users of NDS to use Material shadows.
• Update: Changed the font-weight for H1, H2, H3 to “Light.”
• Issue: Fixed Media Component credit and caption width not conforming to image width.
• Update: Updated the Gulpfile to convert functions to tasks.
• Update: Updated the font sizes for headings in the default block.
• Update: Updated NPM packages to more current versions.
• Update: New and more HD Favicons added for NIAID NDS properties.
• Issue: Fixed placeholder text color for input fields.
• Issue: Rolled back styling of the component to have better cross-browser design support.
• Issue: Fixed the dropdown component of Bootstrap not working on browsers other than Chrome.
• Update: Added classes for the font family stacks.
• Update: Removed the id=”anch_*” from the Form Facet component example.

Static Site Builder Changes & Fixes

• Issue: Fixed issue where gulp build would not transfer library CSS files.

NDS Documentation Site Changes & Fixes

• Update: New GitHub repository created for the Documentation Site: https://github.com/niaid/nds-documentation-site
• Update: Added the Autopath Feature from the Static Site Builder to the Documentation Site.
• Update: Added language to clarify the use of cookies on the NDS Doc Site (for the purposes of changing the web styles).
• Issue: Fixed header GitHub button not being keyboard accessible.
• Update: Updated the Design page typography table to include new heading font-weights.
• Update: Updated the H1 size on mobile.
• Update: Added a banner on the Staging Doc site to differentiate between prod.
• Issue: Fixed some formatting on the Development page.
• Update: Updated a small portion of language in the Typography section.
• Issue: Fixed an overlap issue on Theme Builder on mobile.

NDS Drupal Theme

• Update: New GitHub repository created for the NDS Drupal Theme: https://github.com/niaid/nds-drupal-theme
• Update: Readme file updates.

NDS Release v.1.0.1

NDS Release v1.0.1

New Components

• Molecules -> Navigation -> Navigation Dropdown
  • Allows users to easily define a dropdown menu. Most useful in conjunction with the navigation-primary component.
  • Updated the navigation-primary demo to showcase the usage.
• Molecules -> Navigation -> Navigation Tabs
  • A navigation style allowing users to access different sections of a page.

Global Asset Changes & Fixes

• Update: Modified button demos to include more button types.
• Update: Implemented a system of Z-Index variables and updated pattern SCSS to use them.
• Update: Added an attributes parameter to the icon-default pattern.
• Update: Added the “full” option for Media Component float parameter - makes image full width of body content.
• Update: Moved the “closest” polyfill into the utilities.js file.
• Issue: Removed border issue on hover/focus from the icon-document pattern that caused the icon to move.
• Update: Updated the data attributes script for more comprehensive support of components and Google Analytics tracking.
• Issue: Fixed issue with alignment of pagination buttons on IE.
• Issue: Fixed issue preventing the addition of extra classes on the block-search-result pattern.
• Issue: Fixed issue where the Accordion component was not receiving the proper data attributes.
• Update: Added hardcoded data attributes to the component-uswds-banner for tracking.
• Update: Added hardcoded data attribute for the mobile menu button in the global-header pattern.
• Issue: Removed unintended shadow on the component-uswds-banner when using the Shadows style.
• Update: Tied NDS styling for aligned images to Drupal markup.
• Update: Added support to the default--block for a default--block--image style.
• Update: Handled button sizing for mobile.
• Update: Reduced padding for blocks on mobile.
• Issue: Fixed Mobile Rail Button display when using Material shadows.
• Issue: Fixed visited style for document icons, added additional CSS handling/classes for document types.

Static Site Builder Changes & Fixes

• Feature: Auto Path Builder (Inspired by Nuxt.js)
  • The Static Site Builder (SSB) will use the page file name and relative location within the 05-pages/ directory as the distribution URL when the project gets built. For instance, if someone creates a design/design.twig file, the distribution path on build will be /design.
  • This feature eliminates the need for an 06-dist/ directory, as well as the need to manually specify the page URL in the Gulpfile.js, reducing the SSB bundle size by removing unneeded files and making the SSB more user-friendly for less technical users.

NDS Documentation Site Changes & Fixes

• Update: Updated the data attributes script for more comprehensive support of components and Google Analytics tracking (based on the global change).
• Issue: Fixed the issue with the Copy and Pattern Lab Info buttons not being tracked.
• Update: Added the dropdown component to the primary navigation of the site.
• Update: Removed the “Overview” section from each dropdown as now each section title can be clicked.
• Update: Updated pattern documentation on the Components page for additional patterns and changes.
• Update: Added a Components dropdown to the primary/mobile menu allowing direct access to the Atoms, Molecules, and Organisms sections.
• Issue: Various spacing fixes for mobile display.
• Issue: Components and Development pages had an incorrect label on the local navigation button on mobile.

NIAID Design System First Official Release

NIAID Design System First Official Release

Pre-Launch

v0.0.3

Removing Legacy Font Files