Skip to Main Menu Skip to Page Content Skip to Footer
Design System 1.6.1
  • Changelog

Changelog

Current Release 1.6.1 (07-13-2021)

Horizontal Anchored Nav

  • Bug Fix
    Cursor over active items fixed on small breakpoints.

Icons

  • Bug Fix
    Fix missing icon (dds__video-card).

Selects

  • New
    Spin box adjust size according to maxsize.

Tooltip

  • Bug Fix
    Fix positioning bug on tooltips inside offcanvas.

Previous Releases

Show All
|
Hide All
〉
Release 1.6.0 (06-22-2021)

Carousels

  • Bug Fix
    Accessibility adjustments for screen readers.

Icons

  • New
    Added an icon for chat bot (dds__chat-bot).
〉
Release 1.5.2 (05-24-2021)

Masthead

  • Bug Fix
    Accessibility adjustments in javascript and HTML snippet (Manual update required, visit HTML (Updates) tab on navigation).

Product Stack

  • Bug Fix
    Extra <strong>  tag around "Shipping" removed from snippet.

Selects

  • Bug Fix
    Datepicker with property pastDates and without a defaultDate causing all dates to be inactive.
〉
Release 1.5.1 (05-05-2021)

Inputs

  • Bug Fix
    Fix on file upload initialization.
〉
Release 1.5.0 (05-03-2021)

Banners

  • New
    The banners scructure and snippets were improved to attend accessbility and screen readers.

Complex Table

  • Bug Fix
    Pagination now works properly after importing new data.
  • Bug Fix
    CSV files with comma in the content are now imported correctly.
  • Bug Fix
    Fixed a bug while exporting a complex table with empty cell value.
  • New
    BeforeDeleteEvent and DeleteEvent are now interceptable and can be canceled.

Inputs

  • New
    New component for file upload.

Icons

  • New
    Added an icon for XPS brand (dds__brand-xps).
  • New
    Added an icon for data protection (dds__data-protection).
  • New
    Added an icon for hyper converged infrastructure (dds__hyper-converged-infrastructure).

Selects

  • Bug Fix
    Datepicker handles invalid dates properly.

Tooltip

  • New
    Accessibility enhancements for screen readers.
〉
Release 1.4.0 (03-23-2021)

Banners

  • New
    The banners scructure and snippets were improved to attend accessbility and screen readers.

Complex Table

  • New
    Added option "exportShowWarning" that allows user to hide *.csv export confirmation modal.
  • Bug Fix
    Export *.csv option now deal correctly with "#" special character.
  • Bug Fix
    Expandable detail now supports long content braking the line.
  • Bug Fix
    Filter Icon changed due to accessbility and better user experience.

Icons

  • New
    Added an icon for receipt/invoice (dds__receipt).
  • New
    Added an icon for pre seed (dds__pre-seed).

Masthead

  • Bug Fix
    Country selector now shows globe icon correctly.
  • Bug Fix
    Contry selector now overlays when showing options.

Popovers

  • Bug Fix
    Multiple fast clicks now works as expected opening and closing the popover.

Selects

  • Bug Fix
    Opening a Datepicker near the screen limit now keeps the popup closer to the field.

Tabs

  • New
    Vertical Tabs
〉
Release 1.3.4 (01-27-2021)

Carousels

  • Bug Fix
    The buttons for a Banner Carousel with Buttons now use the correct color.

Dividers & Containers

  • Change
    Removed the Stroked Container - Yellow because it failed AA accessibility.
  • Content
    Removed the labels from all horizontal dividers as they were not supposed to be part of the components.

Icons

  • New
    Added an icon for the Microsoft Teams logo (dds__brand-ms-teams).
  • New
    Added an icon for 2-in-1 devices (dds__2-in-1).

Inputs

  • Bug Fix
    The borders for an input field no longer changes to a non-accessible color after its loses focus.

Popovers

  • Bug Fix
    Click interaction is no longer lost when increasing the window size above SM breakpoint while a popover is open.

Selects

  • Bug Fix
    The options defaultDate and datesFilter now work as expected when creating a Date Select component.

Submit Component/Icon

  • Content
    Clarified how this form may also be used to submit changes to existing components and icons.
〉
Release 1.3.3 (12-17-2020)

Accordions

  • Bug Fix
    Rapid clicking within a Show One Accordion no longer results in more than one accordion being open at the same time.

Anchored Nav

  • New
    Added vertical anchored nav.

Buttons

  • Bug Fix
    Aria-checked is now set = false when unchecking an option in a multi-select dropdown button.

Getting Started

  • New
    Added a video and related content for getting started with the Figma UI kit.

Help Request

  • New
    Added an official form for requesting help from the Dell Design System team.

Icons

  • Bug Fix
    Removed excess space around all icons so they more accurately display at the specified size.

Links

  • Bug Fix
    Text labels now truncate as needed for links styled as buttons.

Navigation

  • Change
    The entire divider for the Left Menu Bar is now a button that can be used to collapse and expand it.
  • Bug Fix
    The three-letter country ISO code in the masthead no longer truncates when there's less space.
  • Bug Fix
    The sitewide options in the top of the masthead (Dell logo, Sign In, Cart and country) no longer flash white when selected.

Off Canvas

  • New
    Tabs that appear within an off canvas become accordions on smaller breakpoints.

Selects

  • Content
    Added JavaScript to prepopulate the date select with a defaultDate.

Tables

  • Bug Fix
    Links within a table now have sufficient contrast for accessibility when users mouseover the corresponding table rows.
  • Bug Fix
    The total number of pages is now correctly calculated when selecting different Items Per Page values.
  • Bug Fix
    HREF link data is no longer lost when exporting or importing either CSV and JSON data.
  • Change
    Either all of the entries within the Columns menu are rearrangeable, or none of them are.
  • Change
    Added a helper to emulate drag-and-drop events because selenium dragAndDrop doesn't work in all browsers.
  • Change
    Added jest-dom as a development dependency.

Tabs

  • Bug Fix
    On smaller breakpoints, keyboard Tab now functions correctly for navigating elements within a tab off canvas.

Tooltips

  • Bug Fix
    Tooltips now function correctly for touchscreen devices using Edge or Internet Explorer.
  • Bug Fix
    Tooltips now grow in both height and width to accommodate larger volumes of content.
〉
Release 1.3.2 (10-29-2020)

Accessibility Guide

  • Content
    Removed references to colors that no longer exist in our palette.

Content Writing Guide

  • Content
    Added a section for accessible and inclusive language.

Icons

  • Content
    Added unicode values for all icons.

Navigation

  • Bug Fix
    Triggering a tier 1masthead menu option via keyboard Spacebar opens the menu instead of scrolling to the bottom of the page.
  • Bug Fix
    The tint overlay now vanishes and focus returns to the tier 1 menu option when shutting a masthead menu via keyboard operation.
  • Bug Fix
    When exiting the Sign In or Cart menu by pressing keyboard Tab, focus no longer reverses direction to the previous option.
  • Bug Fix
    Keyboard Tab no longer cycles through all of the options in a left menu bar while it's shut.
  • Bug Fix
    When using a touchscreen and Firefox, tapping a tier 2 parent in the masthead menu now shows the tier 3 child menu rather than shutting it.
  • Bug Fix
    The upper masthead options (Dell logo, Sign In, Cart, country selection) no longer flash white when selected.

Off Canvas

  • Bug Fix
    When using keyboard Tab to cycle through off canvas elements, the first element is no longer hidden behind the fixed header bar.

Selects

  • New
    Added a tiered select list.
  • New
    The date select may now be prepopulated with a default value.

Tables

  • New
    Added a condensed version of a complex table.
  • New
    Complex tables may now be initialized with rearrangeable columns via the Columns menu.
  • New
    A preset file name may now be defined for table export operations.
  • Bug Fix
    Export as CSV now functions correctly in Edge and Internet Explorer.
  • Bug Fix
    The default options within the batch actions (Choose Actions) menu may now be individually removed during intialization.

Tabs

  • Bug Fix
    Tab content no longer vanishes when resizing the window from smaller to larger breakpoints.
  • Bug Fix
    Overflow controls now resize correctly when tabs are used in conjunction with a left menu bar that the user collapses.

Tooltips

  • Bug Fix
    Tooltips now function correctly on all iOS devices rather than only iPhones.

All Component Pages

  • Content
    The Code tab is in focus by default so that the actual components are the first content seen.
  • Content
    Added thumbnails to the Code tab for upcoming components, along with a method for requesting them.
  • Content
    Removed all thumbnails from the Usage tab because these were often outdated. See the coded components on the Code tab.
  • Content
    Removed the Style tab because the redlines were frequently missing or outdated. Inspect the coded components on the Code tab.

All Resources

  • Content
    Added the date that the resource was last updated.
〉
Release 1.3.1 (08/28/2020)

Banners

  • Bug Fix
    In Internet Explorer, banners no longer introduce a significant gap beneath them when a left menu bar is present.

Buttons

  • Change
    Standalone secondary buttons, and ones that are part of other components, now use Gray for their borders to pass accessibility.

Navigation

  • Bug Fix
    Skip Nav now appears at all breakpoints when keyboard Tab is pressed.

Tabs

  • Bug Fix
    On smaller breakpoints, off canvases triggered from tab options can now open more than once.
  • Bug Fix
    Overflow controls < > now use the correct z-index to sort behind other components.
〉
Release 1.3.0 (08/25/2020)

Anchored Nav

  • Content
    Moved the coded component to a dedicated example page.

Banners

  • Bug Fix
    The card body within hero banners now aligns correctly while a left menu bar is being used for navigation.

Buttons

  • Bug Fix
    Defined padding for Buttons Styled As Links so these values are no longer defined by the browser.
  • Change
    Primary non-purchase buttons are now Sea Blue (link blue) instead of Dell Blue.

Checkboxes

  • New
    Added a disabled variation to checkboxes styled as cards.
  • Bug Fix
    The selected state color for checkboxes styled as cards is now Cloud instead of Sky.

Contact Drawer

  • New
    Added the Intel MDF (Marketing Development Fund) to the bottom of the contact drawer content.
  • Bug Fix
    Links within the contact drawer now use the color Sea Blue (link blue).

Content Writing Guide

  • Content
    Renamed the "UX Content Style Guide" to "Content Writing Guide" as it currently pertains to only written content.
  • New
    Added a voice and tone PDF guide within this guide.

Dell.com Homepage Guide

  • New
    Added a guide for the homepage that's currently in production.
  • Content
    Distinguished between the current (production) homepage design and the legacy design that will eventually be phased out.

Dividers & Containers

  • Bug Fix
    Replaced Dell Gray filled and stroked containers with Dell Moon to improve accessibility.

Filtering

  • Bug Fix
    The Clear All button now appears within the off canvas menu upon entering a keyword filter.
  • Bug Fix
    The Clear All button is now removed from the off canvas menu upon individually removing all applied filters.
  • Change
    Decreased the margin separating the rows of filters from the Filter Collection/Sort By row.

Helper Classes

  • New
    Added a guide for all dds__ helper classes.

Icons

  • New
    Added dds__device-desktop.
  • Change
    Replaced dds__alarm-bell with a more ubiquitous icon.

Inputs

  • Bug Fix
    All form fields are now appended to the URL when a form is submitted.
  • Bug Fix
    Custom form validation can now be turned off using the data-validate boolean option.
  • Bug Fix
    Corrected issues with cursor position for input masks, such as the phone number input.
  • Bug Fix
    All inputs now use a darker Gray border for color contrast accessibility.

Links

  • New
    Added Links Styled as Buttons.
  • New
    Added a disabled variation to Links Styled as Cards.

Modals

  • Bug Fix
    Opening or closing a modal no longer causes the page behind to scroll.

Navigation

  • Bug Fix
    The account menu in the masthead no longer remains open after users sign out.
  • Bug Fix
    Right-aligned options in the masthead now remain right-aligned when search is removed.
  • Bug Fix
    When keyboard Enter/Select is used to open the masthead menu on smaller breakpoints, the first menu option is now in focus.
  • Bug Fix
    Keyboard Esc now closes the masthead menu on smaller breakpoints.
  • Bug Fix
    Menus in the standard masthead and left menu bar now use the color Midnight for text on mouseover to ensure AA accessibility.
  • Bug Fix
    dds__container and dds__container-fluid may now be applied to the body content adjacent to the left menu bar.
  • Bug Fix
    On iPad (landscape orientation) links within the dropdown masthead menus now function correctly.
  • Bug Fix
    On iPad (landscape orientation) the dropdown masthead menus now use the correct height at every tier.
  • Bug Fix
    On iPhone and iPad, the country menu in the footer now toggles closed when tapping the country option a second time.
  • Content
    Moved the Standard Masthead coded component to a dedicated example page.
  • Content
    Moved the Standard Footer coded component to a dedicated example page.
  • Content
    Merged the Navigation - Left Menu Bar content into this page.

Notifications

  • Bug Fix
    Corrected classes that didn't follow the dds__ convention, and removed unnecessary classes, from errors and alerts.

Off Canvas

  • Bug Fix
    JavaScript components now function while inside of an off canvas.
  • Bug Fix
    While using keyboard Tab to cycle through elements in Internet Explorer, off canvas content is no longer hidden behind the fixed header when returning to the top.

Radio Buttons

  • New
    Added a disabled variation to radio buttons styled as cards.
  • Bug Fix
    The selected state color for radio buttons styled as cards is now Cloud instead of Sky.

Selects

  • Bug Fix
    Pressing the + button in a Spin Box Select now increments by its spinstep value regardless of its current input value.
  • Bug Fix
    Spin Box Selects now produce events.
  • Bug Fix
    The icons/labels within the buttons of Spin Box Selects now change color on mouseover and select interactions.
  • Bug Fix
    Corrected issues with cursor position for input masks, such as the date select.
  • Bug Fix
    All select lists now use a darker Gray border for color contrast accessibility.

Tables

  • Bug Fix
    Calling table.deletaAll() no longer crashes when table rows are not selectable (have no checkboxes).
  • Bug Fix
    Pagination additems is no longer called when not using lazy loading.
  • Bug Fix
    Tables no longer fail to display when their search attribute is set to false.
  • Content
    Updated the developer documentation for complex tables to include customizing the text of options.

Tabs

  • Bug Fix
    Tabs now use the Midnight color for their text labels during mouseover to ensure AA accessibility.
  • Content
    All code examples now use unique aria-labelledby values for improved accessibility.

Tooltips

  • Change
    The text within tooltips can now be aligned using dds__text-center, dds__text-left and dds__text-right.
  • Bug Fix
    Tooltips now change orientation when there's insufficient room to display them in their original orientation.

User Progress Trackers

  • Change
    User Progress Tracker bars now use Sea Blue (link blue) instead of Dell Blue.
  • Content
    Removed the Disabled User Progress Tracker because it was redundant with the Standard User Progress Tracker.

WalkMe Guide

  • New
    Added a guide for the use of WalkMe in seller applications across Dell Technologies.

All Pages

  • Content
    Skip nav now appears for each page and navigates to that page's site menu, page content and footer. Press keyboard Tab to trigger the skip nav.
  • Content
    Added contact information for the design system team to a persistent location within the footer.
〉
Release 1.2.0 (07/13/2020)

Filtering

  • New
    Added developer documentation for vertical filtering.
  • Bug Fix
    On larger breakpoints, the Clear All button for horizontal filtering now removes filters that contain non-alphabetical characters.
  • Bug Fix
    On medium breakpoints, the results/Sort By row no longer drops beneath the vertical filtering accordions to the left.
  • Bug Fix
    On larger breakpoints, the filter collection in horizontal filtering now reappears after using the Clear All button (bad merge in 1.1.0).
  • Bug Fix
    The filter collection for horizontal and vertical filtering now accumulates filters correctly as they are added (bad merge in 1.1.0).

Icons

  • New
    Added a currency icon for euros (dds__currency-coins-euros).
  • New
    Added a generic currency icon (dds__currency-coins-generic).
  • New
    Added a currency icon for Indian rupees (dds__currency-coins-indian-rupees).
  • New
    Added a currency icon for pounds (dds__currency-coins-pounds).
  • New
    Added a currency icon for generic rupees (dds__currency-coins-rupees).
  • New
    Added a currency icon for yen (dds__currency-coins-yen).
  • New
    Added a game controller icon (dds__game-controller).
  • New
    Added a desktop gaming icon (dds__gaming-desktop).
  • Change
    Rotated the expand icon (dds__expand) so it's no longer confused with the arrange icon (dds__arrange).

Navigation

  • New
    Added developer documentation for the left menu bar.
  • Bug Fix
    Improved the height calculations for the left menu bar so it's now always full height.

Notifications

  • Bug Fix
    Removed extra padding from alerts and errors that was leaving less room for their content.

Popovers

  • Bug Fix
    Pressing keyboard Tab to exit a popover now places the original triggering element in focus rather than browser controls.

Product Stack

  • New
    Added the code and documentation for MVP product stacks with overflow.

Selects

  • New
    Added the bar select component.
  • New
    Added developer documentation for the date select.
  • Bug Fix
    The date select will no longer initialize with "NULL" placeholder text when dds-all.js is used.

Tabs

  • Bug Fix
    On smaller breakpoints, overflow tabs in list form no longer shift laterally when keyboard arrows are used to cycle between them.
〉
Release 1.1.0 (06/29/2020)

Buttons

  • Bug Fix
    Keyboard Spacebar can now be used to select/deselect options within any type of button dropdown menu.
  • Bug Fix
    When keyboard Spacebar is used to open a multi-select dropdown button, the first menu option is now placed in focus.
  • Bug Fix
    All dropdown button menus now shut when a button option with their menu is selected via keyboard Enter.
  • Bug Fix
    Multi-select dropdown buttons now shut when one of their checkbox options is selected via keyboard Enter.

Carousels

  • Bug Fix
    Touchscreen swipe left/right now cycles a carousel rather than performing the default browser action (e.g. load previous/next page).

Color

  • Change
    Replaced all usage of #007db8 legacy Dell Blue with #0076ce new Dell Blue.
  • Change
    Replaced all usage of #aaaaaa legacy Granite with #c8c9c7 new Granite.
  • Change
    Removed all usage of #d74324 legacy Coral (a container and stroked container).
  • Change
    Removed all usage of #42aeaf legacy Teal (a stroked container).
  • Change
    Removed #c1d82f legacy Chartreuse as it was not being used.

Filtering

  • Bug Fix
    Several fixes to the JavaScript for filter buttons.
  • Change
    Vertical filtering on smaller breakpoints now uses the same layout and functionality as horizontal filtering.

Grid

  • Content
    Clarified how to use the XXL and XXXL breakpoints for wider screens.
  • Content
    Clarified how to use a flex container that spans the entire screen width.

Modals

  • Bug Fix
    Focus now remains within a modal when pressing keyboard Tab to cycle through elements.
  • Bug Fix
    The tint overlay behind an open modal now remains visible when increasing the window size from SM to MD breakpoint.
  • Bug Fix
    The buttons at the bottom of a modal now have sufficient margin to visually separate them.

Navigation

  • New
    Added the left menu bar variation for site navigation.
  • Change
    The footer now sticks to the bottom of a page even when the body content preceding it is brief.

Off Canvas

  • Bug Fix
    Focus now remains within an off canvas when pressing keyboard Tab to cycle through elements.

Selects

  • New
    Added a date select.
  • Bug Fix
    Buttons in spin box selects now show their border color (bad merge in release 1.0.0).

Tables

  • Bug Fix
    Complex tables now render correctly (bad merge in release 1.0.0).

Tabs

  • Bug Fix
    The active tab no longer shows a blue mouseover highlight.
  • Bug Fix
    On smaller breakpoints, a tab will now respond to additional clicks after its corresponding off canvas is closed.

User Progress Trackers

  • Bug Fix
    The labels beneath the tracker bars no longer have a gray background (bad merge in release 1.0.0).

All Pages

  • Content
    Removed all references to Bootstrap dependencies as these no longer exist.
〉
Release 1.0.0 (06/22/2020)

Breadcrumbs

  • Change
    Breadcrumbs now remain visible on smaller breakpoints per the production pattern.

Filtering

  • New
    Added vertical filtering.
  • Bug Fix
    Filters can now be removed by selecting the collected filters at the bottom of the off canvas (smaller breakpoints).
  • Change
    Updated the code for horizontal filtering per the introduction of vertical filtering.
  • Content
    Revised types and variants to reflect horizontal and vertical patterns rather than individual sub-components.

Modals

  • New
    Added a JavaScript option so that modals can now be created without a triggering component.

Tables

  • Bug Fix
    Row details may now be initialized to export as part of the "Export as ..." batch actions.

General Development

  • Change
    The index.js file is now exposed in minified and map versions of dds-all.js for direct initialization of some components.
〉
Release 0.3.0 (05/22/2020)

Buttons

  • Bug Fix
    Buttons now show their selected state only during the selection action.

Carousels

  • Bug Fix
    Banner carousels now respond correctly to touchscreen swipe.

Icons

  • New
    dds__rotate- classes can now be used to rotate icons and SVGs by 45 degree increments to reduce overhead. For example, apply dds__rotate-90 to the existing icon dds__arrow-right instead of using the separate icon dds__arrow-down.
  • Bug Fix
    Icons/SVGs within buttons now match color with the rest of the button label.

Navigation

  • Bug Fix
    Masthead menus can now be closed in Safari and Edge, using a touchscreen device, by tapping outside of an open menu.
  • Bug Fix
    On smaller breakpoints, the country selection menu in the footer now has visual margins separating it from the browser edges.

Off Canvas

  • Bug Fix
    Accordions now expand/collapse while within an off canvas.

Tables

  • New
    The "Page X of Y" control can now be hidden within the pagination controls for complex tables.
  • Bug Fix
    Row details may now be exported via batch actions.
  • Bug Fix
    The filter/search input field above a complex table is no longer offset by a left margin on smaller breakpoints.
  • Bug Fix
    Table controls that are buttons styled as links now gain the underline effect on mouseover.
  • Bug Fix
    Columns may now be reordered via the Columns menu using a touchscreen interface.
  • Bug Fix
    Columns that can't be reordered may now be hidden in the Columns menu such that users have no show/hide control over them.
  • Bug Fix
    Rows must now be selected (options.select = true) prior to running the code for deleteAll method.

Tabs

  • Bug Fix
    On smaller breakpoints, when keyboard Enter is used to open the off canvas for a tab, focus is now placed on the first element within the off canvas.
  • Bug Fix
    On smaller breakpoints, keyboard Tab focus is no longer permitted to leave a modal off canvas that was triggered by a tab.

General Development

  • New
    dds__rotate- classes can now be used to rotate elements by 45 degree increments. For example, dds__rotate-135.
  • Bug Fix
    JSON initialization can now be used for all components.
  • Change
    Removed all Bootstrap files and dependencies from the library.
  • Change
    Removed all Babel and Karma remnants from our code base as these were not being used.
  • Change
    Consolidated shared styles for components into single classes within the relevant .SCSS files.
  • Change
    Moved all JavaScript with shared methodology to utilities.js file in order to reduce our JS footprint.
〉
Release 0.2.11 (04/13/2020)

Accordions

  • New
    Added the developer documentation for accordions.

Anchored Nav

  • New
    Added the code and developer documentation for the horizontal anchored nav.

Banners

  • New
    Added the hero banner with link picker.
  • New
    Added the code for sitewide messaging.

Buttons

  • New
    Added the developer documentation for buttons.
  • Bug Fix
    The triangle-arrows in all dropdown buttons now use the correct blue color on mouseover and select.

Carousels

  • New
    Added the developer documentation for carousels.
  • Bug Fix
    Added lazyload functionality for filmstrip carousels.

Checkboxes

  • Bug Fix
    In Internet Explorer, the text within checkboxes styled as cards now wraps correctly.

Contact Drawer

  • New
    Added the developer documentation for the contact drawer.

Filtering

  • New
    Added the code and developer documentation for the horizontal filtering pattern.
  • New
    Added the code for keyword filtering by itself.

Icons

  • Change
    Updated the SVG assets folder to reflect our current icons.

Inputs

  • New
    Added the developer documentation for a form (input group).

Links

  • Bug Fix
    In Internet Explorer, the text within links styled as cards now wraps correctly.

Modals

  • New
    Added the developer documentation for the standard modal.

Navigation

  • New
    Added the developer documentation for skip nav, standard masthead and footer.
  • Bug Fix
    In Internet Explorer, keyboard navigation Shift + Tab now closes the country selector in both the masthead and footer.
  • Bug Fix
    A border line no longer appears across the top of the country selection menu (was dividing it from the trigger option).
  • Bug Fix
    The country abbreviation text in the masthead now uses the correct color when selected.

Notifications

  • New
    Added the developer documentation for alerts and errors.

Pagination

  • New
    Added the developer documentation for pagination.
  • Bug Fix
    i18n internationalization support for pagination buttons no longer creates issues for their aria-label attributes.

Popovers

  • New
    Added the developer documentation for popovers.

Progress Indicators

  • New
    Added the developer documentation for standard progress indicators.

Radio Buttons

  • Bug Fix
    In Internet Explorer, the text within radio buttons styled as cards now wraps correctly.

Selects

  • New
    Added the developer documentation for spin box selects.

Sliders

  • New
    Added the code and developer documentation for all sliders.
  • Bug Fix
    JavaScript for sliders no longer outputs console logs.
  • Change
    Removed NoUISlider from all slider components to reduce our dependency on third-party libraries.

Tabs

  • New
    Added the developer documentation for tabs.
  • Bug Fix
    Overflow controls no longer vanish when keyboard Tab is pressed.
  • Bug Fix
    Added lazyload functionality for all overflow tabs.
  • Change
    Updated the code for all tabs to better accommodate overflow variations.

Tables

  • New
    Added the developer documentation for complex tables.
  • New
    Developers can now pass in custom values for the Per Page select.
  • Bug Fix
    The total number of pages now correctly updates when the Per Page value is changed.
  • Bug Fix
    The Per Page select is now hidden when the total number of table items is less than the lowest Per Page option (default is 12).
  • Bug Fix
    Pagination buttons (< Previous Next >) for complex tables now become disabled upon reaching either end of the set.
  • Bug Fix
    Fixed an Angular specific issue that skipped every other click of the Next > pagination button.
  • Bug Fix
    When table data is cleared and then new data is added, the previously cleared data will no longer be there.
  • Bug Fix
    The Delete batch action will now remove only those rows that are checked rather than all rows.
  • Bug Fix
    The Sort By select now takes into account all of the table data rather than only what was partially loaded.

Tooltips

  • New
    Added the developer documentation for tooltips.
  • Bug Fix
    Tooltips with the same title will now have unique IDs when created.

User Progress Trackers

  • New
    Added content and code for the Thin User Progress Tracker variant.

General Development

  • Change
    Consolidated JavaScript files into a smaller set that follow our block names.
  • Change
    Replaced redundant algorithms in block based JavaScript files with shared methodologies in the utilities.js file.
〉
Release 0.2.10 (03/23/2020)

Checkboxes

  • New
    Added checkboxes styled as cards.

Filtering

  • Change
    Updated the code for filter buttons.

Links

  • New
    Added links styled as cards.

Lists

  • New
    Added unstyled lists.

Navigation

  • New
    Added the country selection menu to the masthead.
  • Bug Fix
    Skip nav now initializes correctly in the dds-all.js file.

Notifications

  • New
    Added announcements.

Product Stack

  • New
    Added the product stack page.

Radio Buttons

  • New
    Added radio buttons styled as cards.

Resources

Tabs

  • New
    Added justified tabs with overflow controls.
  • Bug Fix
    All tabs now have a minimum width of 120px.
  • Bug Fix
    Standard tabs are no longer slightly offset from their baselines when the right-most tab is selected.
  • Bug Fix
    Justified tabs now use the correct link color and chevron placement on smaller breakpoints (as off canvas links).
  • Bug Fix
    The body content now updates when switching between centered tabs with optional image and overflow controls.
  • Bug Fix
    In the Edge browser, centered tabs now return to the centered layout when the window is sized larger.

Tables

  • Bug Fix
    Complex Tables: Previous/Next pagination controls now permit i18n localization of the labels.
  • Bug Fix
    Complex Tables: Previous/Next pagination controls now become disabled more consistently.
  • Bug Fix
    Complex Tables: The values within the Items Per Page select may now be customized.

General Development

  • Bug Fix
    Extracted all HTML tag styling into reboot.css.
〉
Release 0.2.9 (03/03/2020)

Banners

  • Bug Fix
    Rectangular images within the mosaic banner now cover their parent containers.
  • Bug Fix
    For the mosaic banner, moved code from carousel.js inside the init to prevent it from running multiple times.

Buttons

  • New
    Added the multi-select dropdown button.
  • Bug Fix
    The arrow icon in dropdown buttons no longer truncates along with the rest of the label.

Carousels

  • New
    Added a filmstrip carousel that advances one page worth of content per selection.
  • Bug Fix
    Removed glide.js from filmstrip carousels to reduce our dependency on third-party libraries.

Checkboxes

  • Bug Fix
    Checkboxes with lengthy labels now wrap correctly.
  • Bug Fix
    Removed glide.js from filmstrip carousels to reduce our dependency on third-party libraries.

Icons

  • New
    Added the dds__wifi-none icon.

Navigation

  • Bug Fix
    The bulleted list within the Sign In dropdown is now positioned correctly.
  • Bug Fix
    The list of links within the Sign In/Out dropdowns now use the correct line spacing.
  • Bug Fix
    The list of links within the Cart dropdown now uses the correct line spacing.
  • Bug Fix
    The tint overlay that appears behind the masthead menu now covers the entire page height rather than only the current screen height.
  • Bug Fix
    The tint overlay that appears behind the masthead menu is no longer hidden by left arrow (keyboard navigation) while in a tier 3 or 4 menu.
  • Bug Fix
    A tier 2 menu now returns to its original height when its tier 3 child menu is closed via keyboard navigation.

Off Canvas

  • Bug Fix
    Removed excess padding above the off canvas content on smaller (mobile) breakpoints.
  • Bug Fix
    On Safari mobile devices, the bottom of an off canvas is no longer cut off by the fold while the browser tab row is present.

Pagination

  • Bug Fix
    Pagination button labels may now be customized.

Popovers

  • Bug Fix
    Popovers with lengthy content will no longer exceed the screen height on SM breakpoint (smartphone in landscape orientation).

Radio Buttons

  • Bug Fix
    Radio buttons with lengthy labels now wrap correctly.

Selects

  • Bug Fix
    Values can now be entered into a spinbox input if its minimum value is greater than 10.

Tabs

  • Bug Fix
    Lengthy tab labels will now wrap for justified tabs in Internet Explorer.
  • Bug Fix
    Centered tabs now remain centered as tabs are added.

Tables

  • Bug Fix
    The icon options in the upper right corner of complex tables are now labeled.
  • Bug Fix
    Complex tables now use the correct icon for the Import option.
  • Bug Fix
    Removed day.js from complex tables to reduce our dependency on third-party libraries.

Typography

  • Bug Fix
    The default paragraph style now appears at its correct size on SM breakpoint.
〉
Release 0.2.8 (01/27/2020)

Banners

  • New
    Added the code for the die cut banner.
  • New
    Added the code for the mosaic banner.

Icons

  • New
    Added the dds__brand-skype icon.
  • New
    Added the dds__globe-location icon.

Inputs

  • Bug Fix
    The red error text following an invalid form submission is now displayed in 14pt font rather than 12pt.

Lists

  • New
    Added the Lists page, which includes unordered lists, ordered lists and link collectors.

Modals

  • Bug Fix
    The tint overlay that covers the background now uses the hidden attribute correctly.

Navigation

  • Bug Fix
    Skip nav no longer appears below the masthead on pages with a lot of content.
  • Bug Fix
    The content within a standard footer is now constrained to the grid rather than full-width of the browser window
  • Bug Fix
    Links inline with the white text in a footer are now white text with an underline rather than blue text against the blue background.

Notifications

  • New
    Added the code for a stroked label badge, used specifically for warnings.

Off Canvas

  • Bug Fix
    The browser scroll bar is now hidden while an off canvas is open such that there aren't side-by-side scroll bars.

Selects

  • New
    Added the code for horizontal and vertical spin box selects.

Tabs

  • Bug Fix
    Added the hover state to overflow controls for tabs.
  • Bug Fix
    Centered tabs will now remain centered as more tabs are added.

Tables

  • Bug Fix
    Developers can now add batch actions to the corresponding dropdowns in complex tables.

General Development

  • Bug Fix
    Fixed our loadSVGUrls method to check the URL and to not use Math.random.
  • Bug Fix
    Developers can now lazy load/execute components and their functionality because SPA applications don't always have a DOM onload event.
〉
Release 0.2.7 (01/08/2020)

Tabs

  • New
    Added the code for overflow tabs.

General Development

  • Bug Fix
    Cleanup of the reboot wrapper file.
〉
Release 0.2.6 (12/20/2019)

Navigation

  • Bug Fix
    On smaller breakpoints, the masthead Menu option will now remain at the right side when neighboring HTML elements are removed.

General Development

  • Bug Fix
    ButtonToggle object is no longer exported in our dds-all.js file as that was creating a console error. The button toggle component uses button.js.
〉
Release 0.2.5 (12/18/2019)

Buttons

  • New
    Added the code for toggle buttons.

Navigation

  • New
    Added the code for the standard footer.

Notifications

  • New
    Added solid filled label badges and stroked label badges.
  • Content
    Better distinguished between numeric badges and label badges.
〉
Release 0.2.4 (12/09/2019)

Accordions

  • Bug Fix
    On smaller breakpoints, the chevron in an accordion header no longer jumps to the right end.

Inputs

  • Bug Fix
    Forms no longer produce errors when they initialize without the presence of certain inputs.
  • Bug Fix
    The 'not allowed' cursor is no longer shown for read-only inputs so that users can select and copy their content.

Modals

  • Bug Fix
    Buttons with lengthy labels no longer exceed the boundaries of the modal container.

Navigation

  • New
    Added the code for the standard masthead.
  • Content
    Added the skip nav component for keyboard users to access page landmarks.

Off Canvas

  • Change
    The bottom of the off canvas content is no longer occluded by the UI on some mobile devices.

Popovers

  • Bug Fix
    Fixed the popover on bottom, which had ceased to function correctly as of version 0.2.2.

Progress Indicators

  • Bug Fix
    The loading indicator now animates in Safari.

Tabs

  • Bug Fix
    Applied new HTML structure for off canvas to tabs on smaller breakpoints.

Tables

  • Bug Fix
    Fixed the visual styling of the batch action "Choose Action" button.
  • Bug Fix
    Settings, print and import options will now appear for complex tables based upon true/false flags being set.

General Development

  • New
    Created a reboot wrapper CSS file so that teams can use the reboot-wrapper class instead of injecting reboot CSS file into other environments.
〉
Release 0.2.3 (11/04/2019)

Notifications

  • Bug Fix
    A dismissible alert will now collapse only when its close X option is selected, and will now expand only when its View Dismissed Alert option is selected.

Tables

  • Bug Fix
    The arrow on the Choose Action button now faces the correct direction.
  • Bug Fix
    The Choose Action menu now closes upon selecting one of its options.
  • Bug Fix
    The update method no longer runs low logic when all rows are deleted.
  • Bug Fix
    The select all checkbox is now disabled when all rows are deleted.
〉
Release 0.2.2 (10/28/2019)

Links

  • Change
    Links are never in a disabled state.

Notifications

  • Bug Fix
    Success Alert and Informational Alert now collapse when closed via the X button.

Pagination

  • Bug Fix
    Resolved a conflict with the dds__svg-icons class that is set globally.

Tabs

  • Bug Fix
    Justified tabs now use a black text label for the active tab and blue text labels for the inactive ones.
  • Bug Fix
    Accordion icons now display correctly when accordions are included with tab content.
  • Bug Fix
    Corrected shifting of visual elements when tabs are selected.

Tables

  • New
    Added the code for Complex Tables.

User Progress Trackers

  • New
    Added the code for the Dropdown User Progress Tracker.
  • Bug Fix
    Corrected the checkmark icon used for completed steps in the Standard User Progress Tracker.
〉
Release 0.2.1 (10/09/2019)

Accessibility Guide

  • New
    Added the accessibility guide.

Accordions

  • Content
    Updated the accessibility guidelines.

Banners

  • Content
    Updated the accessibility guidelines.

Breadcrumbs

  • Content
    Updated the accessibility guidelines.

Buttons

  • New
    Added a Link Button component.
  • Bug Fix
    All disabled buttons now show the 'not-allowed' cursor on mouseover.
  • Bug Fix
    Menu options for Dropdown Buttons and Split Buttons now wrap at the edge of the grid rather than running off-screen.
  • Change
    The triggering element for a Dropdown Button is always a button and never a link.
  • Change
    The primary trigger (left side) for a Split Button can be either a button or link, while the dropdown trigger (right side) is always a button.
  • Change
    Each option within a Dropdown Button or Split Button menu may be either a button or link.
  • Content
    Replaced the Toggle Select component with Toggle Button.
  • Content
    Moved the Filter Buttons component from the Buttons page to the Filtering page.

Cards

  • New
    Added the cards page.

Carousels

  • Content
    Added the Banner Carousel with Arrows component (code is pending).
  • Content
    Updated the accessibility guidelines.

Checkboxes

  • Change
    Increased the color contrast for error text and borders so they pass accessibility.
  • Content
    Updated the accessibility guidelines.

Color

  • Change
    Increased the color contrast for error text and borders so they pass accessibility.
  • Content
    Revised page to clarify how color swatches should be used.

Contact Drawer

  • Bug Fix
    The icon and drawer are now correctly positioned on smaller/mobile breakpoints.
  • Content
    Updated the accessibility guidelines.

Dividers & Containers

  • Content
    Updated the accessibility guidelines.

Filtering

  • New
    Added the filtering page.
  • Bug Fix
    Filter Buttons now function correctly in Safari.

Grid

  • Content
    Updated the accessibility guidelines.

Inputs

  • Change
    The Phone Number input is now uniquely formatted for its specific numeric entry.
  • Change
    Increased the color contrast for error text and borders so they pass accessibility.
  • Content
    Updated the accessibility guidelines.

Links

  • New
    Added the links page.

Navigation

  • New
    Added the navigation page.

Notifications

  • Change
    Increased the color contrast for error text and borders so they pass accessibility.
  • Content
    Updated the accessibility guidelines.

Off Canvas

  • New
    Added the off canvas page.

Pagination

  • New
    Added the pagination page.

Popovers

  • New
    Added the code for popovers.
  • Content
    Updated the accessibility guidelines.

Progress Indicators

  • Content
    Updated the accessibility guidelines.

Radio Buttons

  • Change
    Increased the color contrast for error text and borders so they pass accessibility.
  • Content
    Updated the accessibility guidelines.

Search Engine Optimization Guide

  • New
    Added the search engine optimization (SEO) guide.

Selects

  • Content
    Replaced the Toggle Select component with Toggle Button component.
  • Content
    Updated the accessibility guidelines.

Sliders

  • New
    Added code for the Double Handle Slider.
  • Content
    Updated the accessibility guidelines.

Tabs

  • Bug Fix
    Centered tabs are now centered and not justified.
  • Bug Fix
    Lengthy tab labels now wrap instead of exceeding the tab width.
  • Bug Fix
    In Internet Explorer, justified tabs now span the container width rather than resembling standard tabs.
  • Bug Fix
    In Internet Explorer, centered tabs now horizontally align rather than wrapping to a new line.
  • Bug Fix
    Minor bug fix to all tabs related to vertical height and alignment when certain ones were active.
  • Bug Fix
    Minor bug fix to all tabs when, on smaller breakpoints, they become an option list that triggers off canvases.
  • Content
    Replaced all “complex” tabs with variations of “standard” tabs.
  • Content
    Updated the accessibility guidelines.

Tables

  • Content
    Updated the accessibility guidelines.

Tooltips

  • Bug Fix
    Tooltips are now triggered by an area bounding the triggering element rather than its stroke-path.
  • Content
    Updated the accessibility guidelines.

User Progress Trackers

  • Content
    Updated the accessibility guidelines.
〉
Release 0.1.9 (08/09/2019)

Accordions

  • Change
    Updated the code for accordion with independent panels.

Buttons

  • Change
    There can now be more than two filter buttons in one set.
  • Content
    Added dropdown buttons and split buttons to the code tab.

Cards

  • Content
    Added code for the multi content card.

Modals

  • Bug Fix
    Fixed a bug that prevented the browser scroll bar from reappearing after a standard modal was closed.

Navigation

  • New
    Added an off canvas menu that's seen when the Menu button is selected on smaller breakpoints.
〉
Release 0.1.8 (08/02/2019)

Buttons

  • Change
    The dropdown menu for split buttons will no longer exceed the grid boundaries when options are very long.

Carousels

  • New
    Added the Filmstrip Carousel component.

Getting Started

  • Content
    Added an introduction to the Webflow template within the Designer tab.

Grid

  • Content
    Added examples of responsive containers on the grid.

Icons

  • Content
    Updated all links to the newest set.
  • New
    Added five new icons.

Popovers

  • Change
    Added the capability to display an image plus one paragraph within a popover instead of only two paragraphs.
  • Change
    Added the capability to display up to two links within a popover.

Tabs

  • Change
    Tabs will now become a list on smaller breakpoints, with each tab option triggering its own off-canvas.

Tooltips

  • Change
    Added a mouse hover delay so tooltips are not instantly triggered.
  • Bug Fix
    Fixed a bug that interfered with tooltip triggering.
〉
Release 0.1.7 (07/26/2019)

Accordions

  • Bug Fix
    Fixed a bug that prevented lengthy labels from wrapping.

Buttons

  • New
    Added the Split Buttons component.
  • New
    Added the Dropdown Buttons component.

Cards

  • New
    Added Show All / Hide All controls to the Show Many Accordion.
  • New
    Added the Multi Content Card component.
  • Bug Fix
    When the overlay moves beneath the image for a consumer product card, it will now have a visual stroke.

Links

  • New
    Added the Links page.

Modals

  • Bug Fix
    Fixed a bug that prevented standard modals from closing unless the code for loading indicators is also present.

Off Canvas

  • New
    Added the Off Canvas page.

Progress Indicators

  • Content
    Added Loading Indicators to the Code tab.

Tabs

  • Content
    Major update to all page content.

Tables

  • Content
    Major update to all page content.

Tooltips

  • Bug Fix
    Fixed a bug that caused Left/Right tooltips to flicker on mouse hover when they were positioned above the triggering element due to insufficient space.

Supported Versions

We’ve been working hard on the design system and introduced a number of improvements in recent versions. To help focus our efforts and provide the best experience, we’re currently supporting only the following DDS versions:

  • 1.6.1
  • 1.6.0
  • 1.5.2
  • 1.5.1
  • 1.5.0
  • 1.4.0

If you’re using an earlier version of DDS, please contact us for help updating to the current version. You can reach us via:
‍
Slack: #dell-design-system-public
MS Teams: Dell Design System > General
Email: delldesignsystem@dell.com

Please note: All currently supported versions are backwards-compatible. We recommend upgrading to the latest version and testing your product before upgrading production environments.