Releases: liip/bund_ds
Release 1.0.1
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v1.0.1/main.css
Features
- Freebrand preview implementation proposal: https://storybook.bund-ds.bedev.liip.ch/?path=/docs/pages-freebrand-detail-page-simple--example
Fixes
- Add dot after month with CSS
Improvements
- Use 'search' type for search inputs
Full Changelog: v1.0.0...v1.0.1
Release 1.0.0
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v1.0.0/main.css
Features
Breaking changes
Changes
- Adapt large media queries to fit exactly design in Figma. Media queries for images should be adapted, cf https://github.com/liip/bund_ds/pull/124/files
- Modal example is fixed, the "layout" prop of the Modal has to be set to 'xs' in place of 'auto'
Fixes
- Fix main content height, avoiding white gap under small section on large screens
- Fix Authors alignments on the
bare
variant - Fix Card type list & highlight missing link
- Fix action links on sections with dark backgrounds
Improvements
- Long descriptions of Cards are now cropped to 6 lines or 4 when card is larger than 500px
- Add padding top to consecutive
.containers
. Example on the Container Documentation page - Nicer submenu overlay when page is scrolled down after a menu opening.
Documentation
Full Changelog: v0.5.24-rc...v1.0.0
Release 0.5.24
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.24/main.css
Features
- Publication detail page
- Sortable Table example, accessibility for table element and better documentation for tables in general
- New Popover component
- New MultiSelect component
Fixes
- fixed background color variants for Quotes, with a new documentation page
Improvements
- Better table widths and x-overflows for responsiveness, examples on the complex page demo
Documentation
- added Icon sizes documentation
- added sub- and superscrIpt documentation
- added event date box documentation
Full Changelog: v0.5.23-rc...v0.5.24-rc
Release 0.5.23
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.23/main.css
Features
- additional markup for required input fields and error messages (check all the pages under
components/form
navigation, scroll to the bottom) - new
fieldset
documentation, mainly used to wrap thetype="radio
inputs: doc
Changes
use .h3
in place of .h2
for titles on press release page
Fixes
- white border on highlighed cards hover is removed
- remove caption for hidden videos when printed
Improvements
- aria role for the separator in the logo
- better sermantics for blockquotes
- reverse aside and main content on mobile on anchor nav example page
Documentation
- better documentation for form elements, demo with required attribute and error messages
- example for
container--reverse-mobile
on container page
Full Changelog: v0.5.22-rc...v0.5.23-rc
Release 0.5.22
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.22/main.css
Features
- new Intranet skin: Homepage and simple page examples. This is done via adding a
body--intranet
class on the<body>
tag. - new Event detail page.
- new
bare
prop for theAuthors
component, removing borders and vertical spacings - new
bare
prop for therelatedTags
component, removing borders and vertical spacings
Breaking changes
- Utilitary classes
color--red-XXX
have been replaced bycolor--primary-XXX
(example:color--red-500
) These utilitary classes shouldn't have been used in the templates, but please double check by searching a potential class beginning withcolor--red-
and replace withcolor--primary-
.
Full Changelog: v0.5.21-rc...v0.5.22-rc
Release 0.5.21
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.21/main.css
Features
- new press release page detail page,
- with
a.back--btn
navigation, displayed in the samediv.container
as the component. - transcript examples for audio and videos
Changes
- list can be prefixed with other words than 'von'. Example on press release page
- new
overrideLogoForPrint
prop for if the logo title has to change when page is printed. Example on press release page a.back--btn
navigation, displayed in the samediv.container
as the component.- new class
.back--btn
for the back link close to the footer. - better display when sharing url
- refactored homepage
- Phone, fax and email labels in the contact section are visually simplified and 'aria completed'
Fixes
- Number of cards in a carousel is correctly displayed on mobile.
- Dot pagination for carousels is hidden when there's not enough place to display it entirely.
Improvements
- TagItem has no underline anymore and contrast is improved
- better highlight cards spacings
- image width is forced to 100% for
hero--default hero__image
- Print CSS
- close breadcrumb when clicked outside
- downloadItem better display when no description nor meta infos
Full Changelog: v0.5.20-rc...v0.5.21-rc
Release 0.5.20
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.20/main.css
Features | accessibility
- #311 Accessible styling for video subtitles
- #193 toggle list to grid view
Changes | accessibility
- #308 url copy validation
- #307 added label and set field to readonly
- #306 added a missing tag within and add for a11y on tables + doc
- #303 set correct label for clear field button
- #304 Add aria-current="page" to links which represent current page
- #301 and #305 remove repeated navigation landmarks
- #298 accessibility for topBar search + tab navigation improvement (topBar search behavior is now better)
- #299 remove unecessary button element for toggling search
- #300 flexible heading structure for download item
- #294 headiing levels for main menu drawers
- #294 remove «More» title in the «More» drawer
- #329 Remove unused icon in the mainmenu with
desktop
context
CSS Improvements | accessibility
- #297 better color contrast for negative input placeholder
- #296 Focus outline with AA contrast ratio
Breaking Changes
Changes
- #316 Better source image definition for
hero--default
andhero--main-image
- #328 #264 remove unsemantic markup in the footer
Fixes
Documentation
- New Video caption documentation
- Better table documentation and accessibility
- Better image resolution and sources documentatIon
Full Changelog: v0.5.19-rc...v0.5.20-rc
Release 0.5.19
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.19/main.css
Features
- New news list page, with filters and togglable list (grid or list views)
- New advanced page results, with filters and togglable list (grid or list views). Remark: sImple page result is still existing here
- New visual regression testing tool installed: https://www.chromatic.com/
Breaking Changes
- no breaking change, but deprecated CSS code to be removed once searchResultItem has been replaced by card component
Changes
- refactored Card component, based on Swisscom vue component, with two new variants: list and universal
- searchResultItem replaced by Card component in search results pages
- New
card--universal
variant for news lists and articles - New
hideLabel
prop for Input and Select components - New
primary
variant for tagItem component and newsize
prop
Fixes
- fix missing letter in logo
Improvements
- Spacings for single card
- Stretch alignment for cards into a carousel
Documentation
Full Changelog: v0.5.18-rc...v0.5.19-rc
Release 0.5.18
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.18/main.css
Changes
- Alert Banner has now a close button.
type
prop is now used to set the dominant color, and the string below the title is now namedtopic
.Notification
component and its documentation has been improved to fit changes onAlertBanner
component. - Get rid of
.section—carousel
wrapping class for Carousel component. - Improve share icon alignment
Fixes
- Fix missing accordion with opening time in the Contact section
- Fix overlapping with Carousel
- Fix arrow colors and backgrounds for carousels on a non-white background
Documentation
- Improved Modal documentation
Full Changelog: v0.5.17-rc...v0.5.18-rc
Release 0.5.17
CSS file
https://liip-bund-ds.fra1.digitaloceanspaces.com/v0.5.17/main.css
Features
- new
Modal
component. See documentation here and an example of theShare links
as Modal content on the detail page simple. Click on the "share" icon on the top right corner of the content to display the modal.
Improvements
- Force the
.link
andmain a
to break if they contains too long words, to avoid horizontal scroll on the page. See example here.
Full Changelog: v0.5.16-rc...v0.5.17-rc