OneDesign-Styles
Version 3.8.2 - December 9th, 2024
- Added 3 different sizes to the Tab component.
- Updated the Footer icons and default links.
- Made changes to how validation (success/error) is visualized on form elements.
- Updated colors and dismissable icon for all Alert types.
- Updated Progress bar color.
- Updated Spinner size.
Version 3.8.1 - September 26th, 2024
- Minor update to address dependency vulnerabilities
- Fix issue with duotone icons on Font Awesome integration
Version 3.8.0 - September 18th, 2024
- Updated FontAwesome to version 6. Please be aware that some icon names may have changed from version 5 and should be reviewed.
- Root styles for Bootstrap 5 were missing in previous versions and have been added.
Version 3.7.4 - June 24th, 2024
- Adjusted z-index for tooltips
- Made the shadow more visible on the card component to make it's edge more defined.
Version 3.7.2 - August 28th, 2023
Fixed disappearing hamburger icon on Header in mobile view.
Version 3.7.1 - August 9th, 2023
Minor update to Font-Awesome fonts
Added the "regular" style to the font-awesome fonts available with the OneDesign-Styles package, so if you're using the CDN styles, there is no need to load the font-awesome fonts separately.
Version 3.7.0 - June 15th, 2023
New updated Card components!
We have completely redesigned the Card component to make it more transversal accross applications, by making it simpler and more focused on either providing navigation, or information. More information on the storybook here.
We have also made some small adjustments on the Empty states component, as well as updating the background images for the Status pages.
Version 3.6.0 - April 3rd, 2023
Introducing a new Empty State UI Pattern to the style library and several bug fixes to improve your user experience.
Use the Empty States component to improve learnability of the system and direct users towards key tasks. This component will help you ensure that users get the most out of your product.
See examples and guidelines here!
Additionally, we've also experimented by introducing a utility to use all colors and color tints defined in our brand guidelines.
Finally, we've fixed several bugs, including the Workflow component positioning issue on Firefox, the missing angle icon on the Select input field, the background for unchecked Checkbox/Radio inputs, and the margin on the Small Footer component.
Upgrade to Version 3.6.0 today to take advantage of these improvements and enhance your user experience!
Version 3.5.0 - March 6th, 2023
- Released a new alert component using the brand refresh updated styles
- Updated hover / active states for the Table component
Version 3.4.0 - February 8th, 2023
- Updated the header according to the new brand refresh guidelines.
- Updated hover and active states for Accordion, Buttons and List Groups
- The new header is now available in dark mode too!
This change includes uniformization of the elements on the menu as well as on the actions on the right side of the Header. Mobile styles were optimized, and even with new functionality added, we were able to shrink the header css by around 200 lines!
Version 3.3.1 - December 9th, 2022
- Fix imports on main.scss file, for npm package users.
Version 3.3.0 - December 5th, 2022
- Added Brand refresh styles for breadcrumb.
Version 3.2.2 - November 15th, 2022
- Remove white background from Breadcrumb styles.
Version 3.2.0 - October 27th, 2022
Warning! Breaking Changes with layout due to upgrade to Bootstrap 5.
If you're using OneDesign-Vue please wait for next release as similar layout has not been updated there yet. We'll try to be quick!
- Implemented Bootstrap version 5! No more requirement for jquery and other vulnerable libraries / dependencies.
- Major changes consist of:
- Padding, Margin classes (and others where left / right directions where used) changed from pr/pl to ps/pe, etc. (RTL changes to use more logical properties like start / end). More Info
- Components with Close buttons (Alert, Modal) have button class changed from .close to .btn-close.
- General improvements to layout with flexbox / grid and other improvements obtained from Boostrap 5.
For more information on what changes occured from Bootstrap 4 to Boostrap 5, please check the Boostrap migration guide.
Version 3.1.0 - September 19th, 2022
- Implemented Nunito Sans font for on prem applications and other uses where Avenir Next is not allowed.
- Changed how css / scss fonts should be loaded to avoid font misuse.
In order to avoid issues with usage of the Avenir Next font by not respecting it's license agreement, changes have been made on the way OneDesign is setup. From now on, the main OneDesign.css will default to using Nunito Sans as the main font, and to use on DNV hosted applications, the new OneDesign.web.css can be used. Similar changes were introduced to the OneDesign NPM package, with the main.scss file using Nunito Sans, and mainWeb.scss using Avenir Next. Please take note of these changes when upgrading to the latest version of OneDesign.
More details on usage on the OneDesign and OneDesign-Vue getting started pages.
Next release will be an upgrade from bootstrap 4 to boostrap 5
Version 3.0.1 - August 23rd, 2022
Minor patch fixes checkbox background when unchecked, and incorrect styling for tabs on OneDesign-ant.
Version 3.0.0 - April 11th, 2022
OneDesign 3.0 Release sees the addition of the new Design Token library to define the base styles for both the main component library and also each of the components. CSS generated in this version is already based on the OneDesign Design Tokens.
Full list of updates is:
- Implemented OneDesign Design Tokens as the base for the new Brand Refresh styles
- Applied Brand refresh styles to the following components:
- Added a new Spinner component for page loads
- Added support for CDN only Font stylesheet
Version 2.8.2 - April 11th, 2022
- Fixed font names for compatibility
Version 2.8.1 - November 4th, 2021
- Fixed bug with button opacity on minified version of css
Version 2.8.0 - October 27th, 2021
- Added styling support for Header with dropdown element on menu (two levels)
- Implemented Sign In page styling and examples
- Minor CSS bugfixes
Version 2.7.0 - May 14th, 2021
- Added Styles for Toast and Popover Elements
- Fixed issues with Accordion Hover States and Skeleton styles
Version 2.6.2 - April 12th, 2021
- Added the .skeleton classes for mock components (mostly used by OneDesign React and OneDesign Vue)
Version 2.6.1 - March 29th, 2021
- Patch to fix DNV Display font-loading for non-VerIT devices.
Version 2.6.0 - March 12th, 2021
- Released New Header and Footer and font changes reflecting the new company name and rebranding.
Version 2.5.1 - February 16th, 2021
- Fixed bug with Header component not properly loading BroaderView font
Version 2.5.0 - January 28th, 2021
- Replaced jQuery in HTML components for native JS (jQuery no longer required for Tooltips, Dropdowns, and other components)
- Added our own css transitions to Accordion and Card components
Version 2.4.0 - October 20th, 2020
- Created an HTML Storybook with all the OneDesign Examples
- Updated the card component to include a Font Awesome Icon Variant (OneDesign, OneDesign-Vue and OneDesign-React)
- Added Font Awesome Brands and Duotone fonts
- Launched a new version of the OneDesign Homepage
- Updated forms inputs guidelines - marking both required and optional fields
Version 2.3.4 - May 20th, 2020
- Changed the font type for labels for input fields
- Created shadow on dropdown elements
- Added support for nested sub menu items and for light version of side menu, as well as better support for icons on OSidemenu.
- Updated support on accordion component for disabled elements.
- Updated Bootstrap to 4.5.0