Release 0.5.16

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.16/main.css

Features

• Add icons for Linkedin & Xing

Changes

To fix the notification-banner issue on Android (issue #251), the following meta tag has to be adapted from:
<meta name="viewport" content="width=device-width,initial-scale=1">
to
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1">

Fixes

• Fix css export with inline classes (sticky, sr-only, etc)
• Fix Back to top button appearance on Safari iOS
• Fix overflow x for socials and portrait components, which was causing horizontal scroll on the viewport

Improvements

• Hide active marker for sticky navigation on mobile
• Improve CSS Print styling (show logo and name, hide notifications & interactive elements, debug layout)
• Generalization of styling for links in main. main a instead of main p a
• simplified .vertical-spacing CSS's

Full Changelog: v0.5.15-rc...v0.5.16-rc

Release 0.5.15

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.15/main.css

New Features

• New section component for socials
• New notification banner component, especially used for cookie consent banner. In context demo on the Homepage too

Full Changelog: v0.5.14-rc...v0.5.15-rc

Release 0.5.14

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.14/main.css

Features

• Add documentation for responsive images

Changes

• Extend card module with several new options: Icon (instead of image), MetaInfo, ContentIcons (.card__content-icons), Layout (image/icon at the left/right)
• Breadcrumb is removed from the search pages
• Cards: update FooterAction with InternalLink, ExternalLink

Improvements

• Update hero documentation with dummy text.
• Update documentation for external links, add guidelines at the end of the links page.
• Cards: replace buttons with links.

Documentation

• Extended documentation for cards and how to display a collection of cards

Full Changelog: v0.5.13-rc...v0.5.14-rc

Release 0.5.13

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.13/main.css

Features

• New .newsletter component
• New favicon section with instructions to download and install the right favicon.
• New example page with anchor navigation

Improvements

• Improve .broader-than-container, add .broader-than-container-centered utility class, implement it on blockquote
• Change title's color to red for the clickable card component on :hover
• Finetunings of the spacings for .footer-information

Full Changelog: v0.5.12-rc...v0.5.13-rc

Release 0.5.12

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.12/main.css

Features

• new .card--flat variant, based on .search-result design .flat--card is used in the accordion content. Example in Sections/Content/More Infos
• new .hero--title-only variant. New demo page with this hero variant here

Potential Breaking Changes

• Notifications: change .notification__text to .notification__content
• Sections: removal of the .section--pb-only class

Changes

In order to work on https://geo-admin-ch-prod.scs.scs-sdweb.ch, small errors need to be fixed:

• remove the .section__title class from the H3's (and all other titles) in the content. This class is only meant to be used in section components, for example here.
• ideally, remove the unnecessary divs <div identifier="list"> around the list elements and the <div identifier="image"> around the figureelements

Other Changes

• Links: remove external link icon for .btn & .btn--link links already having an icon.
• Search: remove "10 von" from the results-list header

Improvements

• Hero: updated documentation to better describe the various uses of the hero.
• Notifications: colors for external links is fixed
• Notifications: vertical alignement of icon and text is fixed
• New demo Page for vertical spacings: https://main--liip-bund-ds.netlify.app/?path=/docs/pages-test-spacings--example
• Visual consistency for hover effects on download items, search results and card--flat components

Documentation

• Accordion: Improved accessibility script and better documentation for accordions, explaining best practice regarding heading inside accordions

Full Changelog: v0.5.11-rc...v0.5.12-rc

Release 0.5.11

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.11/main.css

Storybook update

• Fix Storybook addons rendering problems (A11y and HTML tabs)

Features

• new component: Authors
• new component: TagItem

Changes

• Lists: new list--flex and list--wrap variants. List documentation
• Pagination: the pagination items now have a disabled state, when the user is on the first or the last page. Add disabled="disabled" to the button. Documentation Pagination
• Header search: add autocomplete="off" to the input #search-main TopHeader example
• update Hero component with optional MetaInfo and Authors components
• update simple detail page with additional content in the Hero (MetaInfo, Authors) and a TagItem list as example
• update DownloadItem

Documentation

• improve documentation for DownloadItem Lists
• new documentation for .separator elements

Full Changelog: v0.5.10-rc...v0.5.11-rc

Release 0.5.10

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.10/main.css

Changes

• Change card type from highlight to default
• Services section: display title only on homepage
• Services section: display link only on homepage

New Feature

• Audio component

Fixes

• Fix video paddings and adapt example in the Simple Page demo
• Fix js errors in console

CSS improvements

• Better language switcher on Firefox and Edge
• Remove cursor pointer and background color on submenu title hover (#209)

Updates

• Upgrade Storybook to 6.4.0

Release 0.5.9

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.9/main.css

CSS improvements

• .card--clickable class has now a cursor:pointer attribute
• .card--clickable is working with both a and button child elements

Feature improvements

• Better caption for slideshow images: new title, description and copyright props

Search page

• Example if no results
• Spinner example when search is loading
• Added aria-live and aria-busy attributes on .search-results container

Fix accessibility issues, potential modification needed

• Notification: add aria-label on the close button
• Carousel: remove bulletElement: 'button' from Swiper settings
• Slideshow: remove bulletElement: 'button' from Swiper settings
• Change tag from div to ul for #more-container element
• Add missing aria label on pagination field
• Unique ids for Accordions and #more-button element

Fix accessibility issues, no modification needed

• Fix mobile menu background
• Set text for screen readers on .btn components

Release 0.5.8

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.8/main.css

Improvements

• DownloadList improved documentation
• Added download attribute to DownloadList links

Release 0.5.7

CSS file

https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.7/main.css

Features

• Download List item
• Search results

Fixes

• Font weight on Firefox

Breaking changes

• Search results items have a new markup