# Oslo Designsystem changelog All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [4.0.2] - 2026-06-18 ### Added - Added keyboard focus styles to banner. ### Fixed - Fix extranous non-emits in projects. ## [4.0.1] - 2026-06-03 ### Changed - Changed contactbox styling to support div tags. - Changed menu component to new version. - Updated dependencies. ## [4.0.0] - 2026-05-22 ### Added - Added support for required text in Checkbox, Date, Radio, Textarea, and Input Vue components. These components now accept two additional props: `aria-required` and `required-text`. ### Changed - **Breaking change:** Added a class in banner to increase the visual spacing between the icon and the text. All banner components need to add `ods-banner__link-icon` to the list element and remove `ods-link` and `ods-link--arrow-right`. - Required text is no longer announced to screen readers and is replaced by aria-required for required fields. ### Fixed - Fixed a bug that caused external links to wrap onto a new line at smaller breakpoints. - Fixed external link in Personalized content link, now it shows the icon after the text. ## [3.3.4] - 2026-05-06 ### Added - Added ellipsis when the content is too long in landscape card component. - Added Claude. ### Changed - Increase top and bottom spacing on small breakpoint and update spacing between links in banner component. ## [3.3.3] - 2026-04-23 - Update libraries to fix security errors. ## [3.3.2] - 2026-04-22 ### Fixed - Fix the style of the outline footer link. - Fixed pagination that repeated the page number in screenreaders. - Fixed CSS flex-inline rule that broke CSS validation. - Fixed vertical alignment of radio button and checkbox. ### Removed - Removed extra spacing from legend. ## [3.3.0] - 2026-01-13 ### Changed - Changed style to list items. ## [3.2.0] - 2025-12-09 ### Added - Added date and time js to support 2 letter abbreviations of weekdays. - Added automatically generated icon-map.json. ## [3.1.0] - 2025-10-27 ### Changed - Updated Oslo Sans to version 1.3 ### Fixed - Fix accordion triggers by changing the target. ## [3.0.0] - 2025-9-12 ### Added - Fantasticon svg to font library. - Added new accordion variants. - Added new placeholder and document-download icon. - Added arrow-right as a link icon. - Added custom ods-datepicker component. - Added new modifiers to contactpoint. - Added spacing rules for when lists precede or succeed a heading in ods-content. ### Changed - **Breaking change:** Changed table component styling (extra wrapper class required). - Changed banner examples and updated link-icon. - Changed contactpoint examples, font-sizes, spacing etc. - Moved spacing from service header's heading to lead. - Changed padding on large button. ### Fixed - Fixed an issue with focus outline on the tabs component. ### Removed - Webfont - nrk/core-datepicker. - Chevron-right icon from footer links. ## [2.2.0] - 2025-6-10 ### Added - Link icon. - Green light colour option for banner. - Added no-image modifier for service header component. ### Changed - Changed spacing on message component. - Changed keyboard focus-style for normal links. - Changed step by step component to have a whole new look. ### Fixed - Fixed icons. - Fixed list bulletpoint placement when used with long links. - Fixed a sass dart deprecation. ### Removed - Removed drop-shadow styling from status messages. ## [2.1.0] - 2024-11-21 ### Added - Added missing developer tab for date and time. - Added new gradient colours. - Added the Oslove logo. - Added link-arrow, qr-code, document-code, law-paragraph, lock-unlocked, character-exclamation-mark, adjust, lock-locked, cogwheel, folder, apple, computer, document-plain, character-information, archive, document-text, document-table, document-pdf, ruler, copy and arrow-circle icons. ### Fixed - Fixed all dates to actually adhere to "Keep a changelog". - Fixed spacing on calendar icon in date component. - Fixed an issue causing some links to not break correctly. - Fixed locale formatting for dates to adhere to Oslo kommunes writing rules. - Fixed an issue with the close button focus outline in modal. - Fixed outline on dropdown elements in search and search seasons. - Fixed the positioning of ordered lists to line up with rest of content. ## [2.0.0] - 2024-05-23 ### Added - **Breaking change:** Added VUE3 support. - Added configuration files to .npmignore. - Added VUE apps names to the components so they are easier to identify in Vue devtools applist. - Added nowrap and truncated as modifiers to typography. - Added links to the designmanual in typography and icons to clearify font installation. - **Breaking change:** Added keyboard functionality to datepicker component and upgraded to new version. - Added new helper for width and height custom classes. - Added new error message styling to all components. - Added focus outline on keyboard navigation. ### Changed - Changed accordion heading to be inside ods-accordion. - Changed font-weight in video heading and refactored to correct scss setup. - Updated package version for stylelint. - **Breaking change:** Updated checkbox and radio component according to adjustments from design (Figma), both now have label options, correct spacing and correct font size and weight. Also changed naming of modifiers to be more consistent with other components. - **Breaking change:** Create a helper for animations and refactor accordion component accordingly. You need to replace the class 'ods-accordion--animate' with 'ods-animation ods-animation--rotate'. - **Breaking change:** Update the size of text in the banner. There are changes on the css classes in the markup of headings and paragrafs that need to be replaced. - Changed documentation to reflect new version. - **Breaking change:** Moved geoJSON fetching from component to a per-vue-instance setup. ### Fixed - Fixed linting errors caused by new stylelint version. - Fixed spacing and some other design adjustments on menu component. - Fixed spacing around links and buttons in portrait card on all breakpoints. - Fixed links on portrait cards to improve screen reader capabilities. - Replaced deprecated ods-icon--space-right classes with ods-margin-right-1 on contactbox, portrait card and status card - Fixed an issue causing multiple map-popups to open and overlay each other. ### Removed - **Breaking change:** Removed VUE2 support. - **Breaking change:** Removed twitter icon. - **Breaking change:** Removed remaining old styleguide files. ## [1.1.0] - 2024-02-16 ### Added - Added examples of more geoJSON structures in the map component. - Update styles for the popup in the map component. - Added security, contribution and license files to accomodate github community standards. ### Changed - Changed hover colour on button-text button. - Changed to OsloSans font, increase spacing and size scaling of datepicker vue component. ### Fixed - Fixed hardcoded references to use s3.dualstack for IPv6 support. - Prevent plus/minus icon to show in other variants than filter. - Fixed a scope issue where blue-dark and green-dark modifiers in Search seasons did not receive the correct styling. - Fixed hexcodes and class names for colors. - Fixed typo in checkbox component and heading style of 'important' section. ## [1.0.5] - 2023-11-01 ### Added - Added underline to radio button's text on hover. - Added aria-required property to checkbox, textarea and input VUE components. ### Changed - Change background color and text for default state of radio button. ## [1.0.4] - 2023-10-30 ### Changed - Change getting started -> bundle to refer to npm instead of github - Change "pages" reference to "templates" - Removed column gap on service header. ### Fixed - Fix arrow overlapping text in small breakpoint of Accordion. ## [1.0.3] - 2023-10-25 ### Fixed - Remove font styles from lists and update the list's clean variant padding. This fixes the lists styles in the Banner component. ## [1.0.2] - 2023-10-23 ### Fixed - Fix issue with radio button that didn't keep the checked style after it was checked - Fix a bug that prevents generate certain grid classes that were extended as a placeholder. - Fix unintended padding and border on accordion ### Added - Added icon for X. ## [1.0.1] - 2023-10-03 ### Added - Added missing ods.js / ods.scss in src folder ### Changed - Changed consume -> packages to show use of dualstack to support both IPv4 and IPv6. ## [1.0.0] - 2023-09-27 ### Added - Added stylelint and eslint. Refactors all code according to rulesets. - Added ambulance icon. - Added a new variant of the yellow color, yellow-60. ### Changed - Changed dispatchEvent to dispatchCustomEvent and decoupled from code for re-usability - Changed spacing on list component from 4px to 8px according to Figma. - Changed contribute "clean" page to better help contributors - Changed contribute "page" page to better help contributors - Changed documentation on contribution/basic page - Changed folder and navigation structure for pages and templates - Changed folder and navigation structure for colors - Changed contactpoints-box in split section - Changed list text size or weight according to Figma rules - Changed display of landscape card to reflect actual use ### Fixed - Fixed the grid on the Overview tab of these components for small breakpoint: fieldset, input, search, checkbox, radiobutton and button. - Fixed BEM format and issue in the developer tab of input counter component. - Fixed the distorted appearance of the search seasons icon in iOS Safari. - Fixed broken link on collapsible page. - Fixed misspelled breakpoint on landscape card - Fixed broken hamburgermenu on small breakpoint - Fixed missing font weight on landscape card label ### Removed - Removed "Oslo" folder and files - Removed "Palette" folder - Removed link chevron left variant - Removed landscape card large variant ## [0.99.106] - 2023-06-01 ### Added - Sets charset to utf-8 for sass. - Added do not track and sandbox example and information to video component. - Added examples of state on breadcrumb and link components. ### Changed - **Breaking change:** Changes in the collapsible infobox markup to improve accessibility. The HTML has to be updated to use a `